Defect #43168
closed
Responsive mode layout breaks when table headers are enabled in related and sub-issues list
0%
Description
When "Show table headers" is enabled in Administration > Settings > Issue tracking > Related and sub-issues list defaults, switching to responsive mode causes field values to be incorrectly merged into the leftmost column.
Steps to Reproduce:
1. Go to Administration > Settings > Issue tracking.
2. In Related and sub-issues list defaults, enable Show table headers.
3. Open an issue that has related issues or sub-issues.
4. View the page in responsive mode (narrow screen).
5. Observe that field values are displayed together in the subject column.
Related: Patch #43134: Dringend: Account-Verlängerung erforderlich für Seminar
Files
Related issues
Updated by Mizuki ISHIKAWA 2 months ago
- File screenshot 2025-08-29 17.02.32.png screenshot 2025-08-29 17.02.32.png added
- File screenshot 2025-08-29 17.02.00.png screenshot 2025-08-29 17.02.00.png added
- File fix-43168.diff fix-43168.diff added
I’m attaching a patch to fix this issue.
With this patch, if a header is present, the layout will allow horizontal scrolling using overflow-x: scroll;.
If no header is present, the layout will remain unchanged, preserving the previous behavior.
| No header (no change from before) | With header (adds scrolling) |
|---|---|
 |
 |
Updated by Go MAEDA about 2 months ago
- Related to Feature #42477: Configurable columns for the lists of child and related issues added
Updated by Mizuki ISHIKAWA about 2 months ago
- File fix-43168-v2.diff fix-43168-v2.diff added
I applied a change to rename the CSS class.
Updated by Mizuki ISHIKAWA about 2 months ago
- File fix-43168-v3.diff fix-43168-v3.diff added
I've done some code refactoring and attached the patch. The behavior remains unchanged.
This patch was written with the help of Katsuya HIDAKA.
Updated by Katsuya HIDAKA about 2 months ago
I tested the patch from #note-4.
- Verified on Chrome, Safari, Firefox, MSEdge, and Chrome for Android
- Checked both subtasks and related issues, with the related issues table headers enabled and disabled
The patch in #note-4 applies the following improvements:
- Changed to define the
.with-related-issues-table-headersclass on the root element of subtasks and related issues - As a result, responsive.css became simpler and easier to read
- The change to issues_helper.rb is no longer needed
Looks good!