The table sorting buttons in Codex-PHP overlap the neighbouring header cells, e.g.:
There is no example of sorting in the CSS-only version docs.
Derived Requirement
Ensure that table sorting buttons in Codex-PHP tables are laid out without overlapping adjacent header cells, so column headers remain fully visible and readable when sorting is available.
Test Steps
Test Case 1: Ensure sorting buttons do not overlap neighboring header cells
- Navigate to a Codex-PHP documentation page that includes a sortable table.
- Locate the table header row containing sorting buttons.
- Observe the layout of each sortable column header.
- ✅❓❌⬜ AC1: Sorting buttons do not overlap adjacent header cells, and all column header text remains fully visible.
Test Case 2: Ensure header layout remains stable when interacting with sorting buttons
- In a Codex-PHP sortable table, click a column’s sorting button.
- Observe the header row layout before and after sorting is applied.
- ✅❓❌⬜ AC2: Interacting with sorting buttons does not cause header cells to overlap or shift in a way that obscures neighboring headers.
QA Results -Beta
| AC | Status | Details |
|---|---|---|
| 1 | ❌ | T415016#11593223 |
| 2 | ❌ | T415016#11593223 |