Skip to content

Fix horizontal scrolling on mobile. - #631

Open
mmulqueen wants to merge 1 commit into
alerta:masterfrom
mmulqueen:fix-horiz-scroll
Open

mmulqueen wants to merge 1 commit into
alerta:masterfrom
mmulqueen:fix-horiz-scroll

Conversation

@mmulqueen

Copy link
Copy Markdown

Description
There's been a longstanding bug in the UI that makes horizontal scrolling on mobile a pain - but I've never cared enough to figure it out and fix it. Basically when you try to scroll horizontally, depending on the position and the exact vector of the gesture, it can either scroll horizontally or trigger a change in tab (e.g from All to Production) or trigger the side panel.

I was unable to find an existing GitHub issue for this.

Use the touchless prop, which seems to stop the unexpected activation of the tabs/side panel.

Screenshots
N/A - cannot be demonstrated by static screenshot. No layout changes.

Checklist

  • Pull request is limited to a single purpose
  • Code style/formatting is consistent
  • All existing tests are passing
  • Added new tests related to change
  • No unnecessary whitespace changes

There is no test for this new behaviour because we'd have to introduce something like Puppeteer into the project - seems like overkill.

Unit tests pass. The Cypress e2e tests don't run on master as-is (Cypress 15 needs a cypress.config.js and possibly other things).

P.S. Thanks Nick - we've been using Alerta for over 8 years, it's been great, so simple, so low maintenance.

@netlify

netlify Bot commented Sep 17, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for peaceful-beignet-dcf974 ready!

Name Link
🔨 Latest commit bca515e
🔍 Latest deploy log https://app.netlify.com/projects/peaceful-beignet-dcf974/deploys/6aabef609c59d00008f77ff7
😎 Deploy Preview https://deploy-preview-631--peaceful-beignet-dcf974.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant