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 25 days 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 22 days ago
- Related to Feature #42477: Configurable columns for the lists of child and related issues added
Updated by Mizuki ISHIKAWA 15 days ago
- File fix-43168-v2.diff fix-43168-v2.diff added
I applied a change to rename the CSS class.
Updated by Mizuki ISHIKAWA 14 days 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 14 days 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!