[RTL]: collection of RTL issues #2548
Description
1. The progress bar moves both to the right and to the left in different examples.
Screen.Recording.2024-07-01.at.14.16.59.mov
2. The alignment of list bullets extends beyond the text boundaries.
Example from other website
3. Accordion
In RTL, the chevron icon for opening the accordion shifts towards the text, while in LTR, it is positioned at the end of the accordion toggler.
4. Adaptive panel
On the initial page load, the adaptive panel's value indicator for 100 is positioned right next to 0. When the value indicator is moved, the adaptive panel behaves poorly.
5. Badge
The badges with status indicator have an incorrect indicator location.
6. Control group
Side on which the menu appears
If use the mirror rule for RTL, the menu should look like this
"Mirroring Layout: All components, including control groups, should be mirrored horizontally. This means labels appear on the right side of input fields, and text direction is right-to-left."
7. Date table - Tables overview
7.1. Checkbox alignment is broken in RTL
7.2. The horizontal scroll is not working correctly: the grab point differs from the moment when the scroll starts moving; there are no fixed columns. - fixed and verified
Screen.Recording.2024-07-15.at.14.41.15.mov
7.3. Values don't fit in the column.
7.4. In RTL, there is an extra space before the first column.
7.5. The order of coordinates shouldn't change, only the location of the "-" changes.
In an RTL (Right-to-Left) context, the logical order of the coordinates (latitude followed by longitude) typically remains the same as in LTR (Left-to-Right) contexts. However, the presentation adapts to the RTL reading direction. The coordinates do not switch places; rather, the text alignment and direction are adjusted.
Here’s how the coordinates 35.36395/-0.51279 look in RTL:
LTR Display:
Latitude: 35.36395°
Longitude: -0.51279°
RTL Display:
خط العرض: 35.36395°
خط الطول: -0.51279°
7.6. Status icon too close to the text.
7.7. The icons related to pinning columns are misaligned.
7.8. The table "jumps" when sorting by column.
Screen.Recording.2024-07-15.at.16.25.22.mov
8. Data tables - Editable Tables, Advanced Tables
8.1. The alignment in the columns is incorrect: the alignment in the "Priority" column is NOT right-aligned, and in the column with the icon for deleting a row, the icon is shifted to the left.
8.2. Pinned columns are not getting pinned in RTL.
8.3. The drag&drop icon is located in the column on the left, not on the right.
9. Tooltip
The tooltip pointer is broken.
10. Paginator
The navigation chevron is probably misaligned.
Example:
11. Range date picker
11.1. The range date picker border is rounded on the inside, not the outside.
11.2. The date range selected in the date picker has issues with its display.
11.3. The date range did not change direction in RTL.
(days 59) Aug 30, 2024 - Jul 3, 2024
