[HOLD App/issues/16660] [$2000] Pinch to zoom on a Macbook browser dynamically changes the app's view and components

[kavimuru]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Action Performed:

1. When a chat is open, pinch to zoom on either the LHN or the details tab. 1 (alternate). On a fresh sign in page, zoom in on any part of the site with pinch to zoom.

   Expected Result

   The page doesn't reorganize or shfit as you zoom in this way, this should be equivalent to magnification and shouldn't change the content ordering or structure of the app.

   Actual Result

   App re-renders into different various forms as you zoom in breaking your ability to zoom into

Workaround:

unknown

Platforms:

Which of our officially supported platforms is this issue occurring on?

• [ ] Android / native
• [ ] Android / Chrome
• [ ] iOS / native
• [ ] iOS / Safari
• [x] MacOS / Chrome / Safari
• [ ] MacOS / Desktop

Version Number: 1.2.98-1 Reproducible in staging?: needs reproduction Reproducible in production?: needs reproduction If this was caught during regression testing, add the test name, ID and link from TestRail: Email or phone of affected tester (no customers): Logs: https://stackoverflow.com/c/expensify/questions/4856 Notes/Photos/Videos: Any additional supporting documentation

https://user-images.githubusercontent.com/43996225/231004704-3ffa4eb5-bcb9-456f-83c7-555e63e266b5.mov

Expensify/Expensify Issue URL: Issue reported by: @johnmlee101 Slack conversation: https://expensify.slack.com/archives/C049HHMV9SM/p1681152993219619

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~01caf96ff9d8613c10
• Upwork Job ID: 1646608088499531776
• Last Price Increase: 2023-05-02

[laurenreidexpensify]

Outstanding action: waiting for @fedirjh to confirm if we need a regression test

[fedirjh]

BugZero Checklist:

• [x] Link to the PR: https://github.com/Expensify/App/pull/14392
• [x] Link to comment: https://github.com/Expensify/App/pull/14392#issuecomment-1823649905
• [x] Link to discussion: N/A, regression test is needed for this bug.
• [x] Determine if we should create a regression test for this bug: Yes

---

Regression Test Proposal

1. Open App
2. Open a report -> Open details page of the report
3. zoom in on any part of the site with a pinch-to-zoom gesture.
4. Verify that app layout style does not change.

5. Verify that the zoom works as expected.

   • Do we agree 👍 or 👎

[alexpensify]

Thanks for your help here @laurenreidexpensify to complete the payment process!