[ic-top-navigation] Screen reader hint causes massive scrollable blank area to right of page when using RTL language #2906
Milestone
Comments
irl
added a commit
to irl/ic-ui-kit
that referenced
this issue
Dec 20, 2024
…L languages This change also standardises on using -9999px from the start of the page as the offscreen position to make it easier to locate occurrences of this pattern with search. Closes: mi6#2906
26 tasks
|
Note: pushed to future release as we don't official support RTL languages - however, if external contributor addresses issue beforehand, that's great |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Summary of the bug
This is basically the same issue as #2905 except affecting the ic-top-navigation component.
The offending element is
#navigation-landmark-button-text.🪜 How to reproduce
Tell us the steps to reproduce the problem:
dir="rtl"on<html>🖥 📱 Device
🧐 Expected behaviour
The blank space should not appear.
📝 Acceptance Criteria
If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.
Given Set
dir="rtl"on<html>, window size is below breakpoint for Menu button to appearWhen ic-top-navigation is used
Then no blank space appears to the left
Additional info
As with #2905, this can be fixed with the :dir selector, swapping the
left:forright:.The text was updated successfully, but these errors were encountered: