You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When using a RTL language, (dir="rtl" on the ), the text "table unsorted" appears way over to the right instead of being off screen. See the screenshot below for an image of a live example of this.
🪜 How to reproduce
Set dir="rtl" on <html>
Add an ic-data-table
Observe the text "table unsorted" appear when you scroll far enough to the left
📸 Screenshots or code
🖥 📱 Device
Type: desktop
Device: mac os
Browser version: Firefox 133
🧐 Expected behaviour
The text should be hidden, except for screen readers
📝 Acceptance Criteria
If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.
Given dir attribute is "rtl" When an ic-data-table is used Then the screen reader hint is not visible
Additional info
In testing, switching the CSS to use right: instead of left: fixed the issue.
There are numerous occasions of this error in the set of web-components, so it would be best to wait for a decision in #2906 before implementing a fix for the canary components.
Akin to #2906, pushed to future release as we don't official support RTL languages - however, if external contributor addresses issue beforehand, that's great
Summary of the bug
When using a RTL language, (dir="rtl" on the ), the text "table unsorted" appears way over to the right instead of being off screen. See the screenshot below for an image of a live example of this.
🪜 How to reproduce
dir="rtl"
on<html>
📸 Screenshots or code
🖥 📱 Device
🧐 Expected behaviour
The text should be hidden, except for screen readers
📝 Acceptance Criteria
If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.
Given dir attribute is "rtl"
When an ic-data-table is used
Then the screen reader hint is not visible
Additional info
In testing, switching the CSS to use
right:
instead ofleft:
fixed the issue.The :dir selector could be used to fix this.
The text was updated successfully, but these errors were encountered: