Feature #43678
closed
Improve Gantt chart behavior in RTL environments
Description
The current Gantt chart does not fully support RTL layout. In RTL, the area displaying the issue subject is correctly moved to the right side. However, the timeline in the chart itself still progresses from left to right, with the oldest dates shown on the left and the newest dates on the right.
For proper RTL support, the time axis should follow the writing direction. In RTL layout, the timeline should progress from right to left, with the oldest dates on the right and the newest dates on the left.
Files
Related issues
Updated by Go MAEDA 16 days ago
- Related to Feature #43700: Improve RTL layout support by replacing physical CSS properties with logical ones in core CSS files added
Updated by Go MAEDA 12 days ago
- File clipboard-202601251402-zw1p5.png clipboard-202601251402-zw1p5.png added
- File 0001-Replace-physical-CSS-properties-with-logical-ones-in.patch 0001-Replace-physical-CSS-properties-with-logical-ones-in.patch added
- File 0002-Replace-hard-coded-left-border-left-and-top-CSS-prop.patch 0002-Replace-hard-coded-left-border-left-and-top-CSS-prop.patch added
- File 0003-Update-Gantt-collapse-expand-handler-to-use-CSS-logi.patch 0003-Update-Gantt-collapse-expand-handler-to-use-CSS-logi.patch added
- File 0004-Disable-experimental-RTL-support-for-Gantt-chart-for.patch 0004-Disable-experimental-RTL-support-for-Gantt-chart-for.patch added
- Subject changed from Improve Gantt chart to support RTL layout to Improve Gantt chart behavior in RTL environments
The first three patches replace physical CSS properties used in the Gantt chart with logical properties. This makes RTL support easier and aligns the Gantt CSS with other core CSS, which has already been migrated to logical properties.
However, even after these changes, the Gantt chart still has several problems in RTL environments:
- Issue relation arrows and the progress line are rendered incorrectly
- Column width resizing via drag and drop does not work correctly
Due to these problems, the Gantt chart is not practically usable in RTL environments at the moment.
Therefore, the fourth patch temporarily forces LTR rendering for the Gantt table even in RTL locales. Although this results in a left-to-right layout in RTL languages, this patch series resolves several serious issues present in the current RTL Gantt. I believe this is a significant improvement over the current behavior.
As a result, applying this patch series leads to the following behavior:
- The Gantt chart is rendered in left-to-right order even in RTL environments
- Subject hierarchies are now rendered correctly in RTL environments
- Future portions of the chart, including months beyond the current viewport, are now rendered correctly in RTL environments
- The Gantt chart is usable in practice in RTL environments, although full RTL layout support is not yet available
- The Gantt chart now uses CSS logical properties instead of physical properties, making further RTL improvements easier in the future
