Bug #698
openSome Pages Overflow Horizontally, Hiding Buttons Off-Screen
0%
Description
On some pages, page content extends wider than the browser window, so part of the layout (including action buttons) sits off-screen to the right. The user has to scroll the page horizontally to find and click a button that should be reachable without scrolling. This has been noticed as a general impression while testing across the application, not tied to one confirmed page at this time.
Impact
If a user cannot see that a button exists without first scrolling right, they may not realize the action is available at all, miss it entirely, or need extra steps just to complete a routine task. On a busy clinical or billing screen, this slows staff down and risks actions being skipped simply because the control was never seen. It also looks unfinished/unpolished, which affects user confidence in the product.
Environment
Clinq HMS, observed generally while testing across tenants/modules (San Jose St. Bonaventure and Vetri Vivega Medical Center). No specific page, screen resolution, zoom level, or browser window width has been pinned down yet — this is a general impression from testing, not a confirmed reproduction on a named page.
Steps to Reproduce
A specific, repeatable sequence has not been pinned down yet. The general pattern noticed is:
Open a page in Clinq HMS at a normal browser window width.
Look for an action button (e.g., a Save, Add, or similar control) that is expected to be visible within the page.
Find that the button is not visible without scrolling the page horizontally to the right.
The next time this is seen on a specific page, a screenshot and the exact page name should be captured so this can be reproduced and verified directly.
Expected vs Actual
Expected: Page layout should fit within the available screen/browser width. All controls, including action buttons, should be visible and reachable without needing to scroll horizontally.
Actual: On some pages, content extends beyond the visible width, pushing buttons and other elements off-screen to the right, requiring the user to scroll right to find and use them.
Notes
This is filed as a general, unconfirmed-location observation at the reporter’s request, since no specific page could be pinned down at the time of reporting (live browser access to the application was also unavailable to verify this directly).
Files
RH Updated by Roshni Harish. 10 days ago
- Subject changed from Some pages need scrolling to the right to reach the buttons to Some Pages Overflow Horizontally, Hiding Buttons Off-Screen
- Description updated (diff)
- Assignee set to Fiza M.
FM Updated by Fiza M. 10 days ago
Roshni, can you or Medha please share at least one example of this?
Please send:
- The page name or URL
- A screenshot showing the button off-screen
- The tenant and login role used
- The screen size and browser zoom, if known (for example a 1366 laptop at 100%)
The ticket doesn't name a page yet, and I haven't been able to reproduce it on a real page. One example would let us confirm that we are fixing what was actually seen.
What I've found so far: the shared page header stops its action buttons from wrapping, so they can run off the right edge when there are many of them. I reproduced this in a small test copy of the header, not on a real page, so it may not be the cause here. I also plan to check the portal pages at common laptop widths and will post the list of pages checked on this ticket.
RH Updated by Roshni Harish. 9 days ago
- Status changed from Feedback to Closed
RH Updated by Roshni Harish. 1 day ago
- Status changed from Closed to New
RH Updated by Roshni Harish. 1 day ago
- File Screenshot 2026-11-11 at 12.42.34 PM.png Screenshot 2026-11-11 at 12.42.34 PM.png added
- File Screenshot 2026-11-11 at 12.42.42 PM.png Screenshot 2026-11-11 at 12.42.42 PM.png added
- File Screenshot 2026-11-11 at 12.44.25 PM.png Screenshot 2026-11-11 at 12.44.25 PM.png added
- File Screenshot 2026-11-11 at 12.44.33 PM.png Screenshot 2026-11-11 at 12.44.33 PM.png added
- Assignee changed from Roshni Harish. to Fiza M.
Found it — reproduced on two pages, same login:
Where I tested: San Jose St. Bonaventure Hospital (nssh.test.clinq.health), logged in as clinq.dev@gmail.com (role: Super Admin, Doctor).
Browser window size: 1200px wide, 100% zoom (normal, not zoomed out). Screenshots attached.
Page 1: Finalised Reports
Link: https://nssh.test.clinq.health/diagnostics/radiology/reports
The table on this page is wider than the screen — it needs 1571px but the screen only has 1200px. That's 371px too wide. Because of this, the last column (the print/view/flag buttons) gets pushed off the right edge. You have to scroll sideways to find it. The two screenshots show this: in one, you can see the Report Number but not the buttons; in the other, you can see the buttons but Report Number has scrolled off.
Page 2: Radiology → Masters → Modalities
Link: https://nssh.test.clinq.health/diagnostics/radiology/masters/modalities
Same problem. The table needs 1349px but only has 1200px to work with — 418px too wide. The buttons column (the on/off switch, view, edit icons) is pushed off-screen the same way.
RH Updated by Roshni Harish. 1 day ago
- Status changed from New to Feedback
Found it — reproduced on two pages, same login:
Where I tested: San Jose St. Bonaventure Hospital (nssh.test.clinq.health), logged in as clinq.dev@gmail.com (role: Super Admin, Doctor).
Browser window size: 1200px wide, 100% zoom (normal, not zoomed out). Screenshots attached.
Page 1: Finalised Reports
Link: https://nssh.test.clinq.health/diagnostics/radiology/reports
The table on this page is wider than the screen — it needs 1571px but the screen only has 1200px. That's 371px too wide. Because of this, the last column (the print/view/flag buttons) gets pushed off the right edge. You have to scroll sideways to find it. The two screenshots show this: in one, you can see the Report Number but not the buttons; in the other, you can see the buttons but Report Number has scrolled off.
Page 2: Radiology → Masters → Modalities
Link: https://nssh.test.clinq.health/diagnostics/radiology/masters/modalities
Same problem. The table needs 1349px but only has 1200px to work with — 418px too wide. The buttons column (the on/off switch, view, edit icons) is pushed off-screen the same way.
FM Updated by Fiza M. about 20 hours ago
- Status changed from Feedback to In Progress
FM Updated by Fiza M. about 20 hours ago · Edited
Fixed in code on branch bugfix/redmine-698-table-overflow (commit 3f7eeaec,merged and pushed into dev). Finalised Reports and Modalities had fixed column minimums that added up past the width of a 1200px window, so the table scrolled sideways and pushed the Actions column off-screen. The fixed minimums are removed so the columns can wrap, the Actions buttons stay on one line, and a regression test covers the width budget.
Status: resolved in code, waiting for deployment. Once it is deployed I will check it on the test environment at 1200px, then assign it back to Roshni for her check.
FM Updated by Fiza M. about 8 hours ago
- Status changed from In Progress to Resolved
- Assignee changed from Fiza M. to Roshni Harish.
- Resolved By set to Fiza M.
FM Updated by Fiza M. about 8 hours ago
checked and verified in nss.test environment.