[ic-top-navigation] Screen reader hint causes massive scrollable blank area to right of page when using RTL language #2906
Labels
type: bug 🐛
Something isn't working
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
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: