[PR #6100] Fix mobile settings page horizontal scroll #20686

Closed
opened 2026-04-14 21:42:42 -05:00 by GiteaMirror · 0 comments
Owner

Original Pull Request: https://github.com/actualbudget/actual/pull/6100

State: closed
Merged: Yes


Fix: Prevent horizontal scrolling on mobile settings page

This PR addresses an issue where the mobile settings page would stretch beyond the viewport, causing horizontal scrolling.

Changes include:

  • Adding overflowX: 'hidden' to the Page component's main content area.
  • Adjusting flex properties and widths in the Settings component to ensure content (specifically the FormField and Button row) correctly fits within the mobile viewport.

Open in Cursor Open in Web

**Original Pull Request:** https://github.com/actualbudget/actual/pull/6100 **State:** closed **Merged:** Yes --- <!-- Thank you for submitting a pull request! Make sure to follow the instructions to write release notes for your PR — it should only take a minute or two: https://github.com/actualbudget/docs#writing-good-release-notes. Try running yarn generate:release-notes *before* pushing your PR for an interactive experience. --> Fix: Prevent horizontal scrolling on mobile settings page This PR addresses an issue where the mobile settings page would stretch beyond the viewport, causing horizontal scrolling. Changes include: * Adding `overflowX: 'hidden'` to the `Page` component's main content area. * Adjusting flex properties and widths in the `Settings` component to ensure content (specifically the `FormField` and `Button` row) correctly fits within the mobile viewport. --- <a href="https://cursor.com/background-agent?bcId=bc-20e47ebd-75d2-4422-be69-5ccfaa995f7a"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/open-in-cursor-dark.svg"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/open-in-cursor-light.svg"><img alt="Open in Cursor" src="https://cursor.com/open-in-cursor.svg"></picture></a>&nbsp;<a href="https://cursor.com/agents?id=bc-20e47ebd-75d2-4422-be69-5ccfaa995f7a"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/open-in-web-dark.svg"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/open-in-web-light.svg"><img alt="Open in Web" src="https://cursor.com/open-in-web.svg"></picture></a>
GiteaMirror added the pull-request label 2026-04-14 21:42:42 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#20686