Defect #43168
closed
Responsive mode layout breaks when table headers are enabled in related and sub-issues list
Added by Mizuki ISHIKAWA 24 days ago.
Updated 11 days ago.
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
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) |
 |
 |
- Related to Feature #42477: Configurable columns for the lists of child and related issues added
I applied a change to rename the CSS class.
I've done some code refactoring and attached the patch. The behavior remains unchanged.
This patch was written with the help of Katsuya HIDAKA.
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-headers class 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!
- Status changed from New to Closed
- Assignee set to Go MAEDA
- Resolution set to Fixed
Also available in: Atom
PDF
Updated by 
Updated by 
Updated by