Locale String Length Overflow Checker

WHAT IT DOES

Locale String Length Overflow Checker scans the current page for text content and UI elements, analyzing string lengths against container widths to detect overflow issues that may occur when content is translated into languages with longer strings (e.g., German, Russian, Arabic). It extracts text nodes, their container dimensions, and calculates available space vs. text length. The floating panel shows a list of elements with potential overflow, color-coded by severity (critical, warning, info). Visual highlights on the page show overflow areas with actual and simulated text length indicators. Suggestions for fixing overflow issues are provided, including font size reduction, abbreviation, and truncation. Overflow analysis can be exported as JSON or text for developers.

WHERE IT RUNS

Works on any web page with text content, including dashboards, forms, navigation menus, and content-heavy sites. The script analyzes text elements and their containers, detecting potential overflow issues that would affect internationalization. It works best on pages with structured UI components and text-heavy layouts.

HOW TO USE

The panel displays a list of elements with potential overflow issues, sorted by severity. Click "Scan Page" to analyze all text elements on the page. Each issue shows the text, severity label, current and simulated ratios, and container width. Hover over an issue to highlight the element on the page. Use the language simulation dropdown to test different languages (German, Russian, Arabic, etc.)—the simulated ratio updates to show how text would expand. Adjust the warning threshold slider to control when issues are flagged. Copy the report as text for documentation or export as JSON for developer handoff. Clear highlights to remove visual indicators from the page.

MECHANISM — TEXT MEASUREMENT WITH LANGUAGE EXPANSION SIMULATION

The script uses Canvas API text measurement to accurately calculate text widths for any given font. It extracts the computed font properties for each element (font-size, font-family) and measures the width of the text content. The available container width is calculated by subtracting padding from the element's bounding rect width. Language expansion factors are applied based on known average length increases for different languages (German: 1.3x, Russian: 1.2x, Arabic: 1.4x, etc.). The simulated width is calculated as textWidth × expansionFactor, and the simulated ratio is the percentage of the container width that the expanded text would occupy. Elements exceeding the warning threshold are flagged with appropriate severity levels.

THE PANEL

The floating panel is fully draggable and remembers its position per domain. Click the minimize button to collapse it to a small bubble, or press Escape to hide it. The panel automatically adjusts to different screen sizes and can be resized to show more content. All settings, including language simulation and threshold preferences, are saved per domain. The panel integrates smoothly with any page layout using the BGPanel framework, maintaining clean separation from page content.

PLEASE NOTE

This script requires the free BotGentz extension to run. It does not send any data to external servers; all analysis data and settings remain entirely local to your browser using GM_setValue. The script never reads password fields, hidden inputs, or file inputs. It stores only overflow analysis data and configuration settings. The script does not modify the page beyond adding visual highlights. Text measurement uses Canvas API and may have slight variations from actual rendered text. Language expansion factors are estimates based on typical translation patterns. Data persists across browser sessions and is isolated per browser profile.