I'm submitting a:bug report => please fork one of these codesandbox examples with a repro of your issue and include a link to it below
Page area
header panel navigation bar
Issue description
When the user adjusts the spacing on the site, this can break the header panel:
the term "image" before the number field gets cut off at the end and disappears behind the number field (see screenshot). This is worse for languages where this word has more letters
the Go button is pushed into a new line. This makes it mostly disappear, only the top is visible (see screenshot).
Note: You don't even need to install the text spacing bookmark to see this happening (not to say this shouldn't also be considered), it happens when the language is changed to French.
UV version: universalviewer@4.0.25
I'm submitting a: bug report => please fork one of these codesandbox examples with a repro of your issue and include a link to it below
Page area
header panel navigation bar
Issue description
When the user adjusts the spacing on the site, this can break the header panel:
Steps to reproduce
Expected behaviour:
All components remain fully visible and legible when increased spacing is applied to the page.
WCAG criterion
1.4.12 Text Spacing (Level AA 2.1 only)
Related code:
"Image" string:
"Go" button:
Rating:
high
Other information:
Note: I have seen both those issues happening in Firefox even without spacing out the elements on the page when switched to French
To reproduce: Open the page in Firefox and switch to French. In this case both issues happen without even increasing the spacing on the page.
Screenshot: