[Bug]: Mobile QR Scanner and Browser Scrolling Issues

[carlosvirreira]

Contact Details

No response

What happened?

Mobile Browser Scrolling

• Content gets hidden behind URL bar when scrolling in mobile Chrome
• Affects the top portion of the page
• Currently impacting users who are using browser-based scanning as workaround for Issue 1
• Cannot open scanner due to this limitation

Steps to Reproduce (Issue 2)

1. Open Shelf.nu in Chrome mobile browser
2. Attempt to scroll to top of page
3. Observe content being obscured by URL bar

Environment

• Browser: Chrome Mobile
• Device: iPhone (latest models)
• OS: iOS (latest version)

Expected Behavior

• QR scanner should function properly in app version
• When using mobile browser, all content should be visible and properly scrollable without being hidden behind the URL bar

Current Behavior

• QR scanner non-functional in app
• Mobile browser content gets hidden behind URL bar when scrolling

Impact

These issues are forcing users to switch between platforms (app vs browser) and creating a suboptimal user experience, particularly for asset scanning workflows.

Notes

• Screen recording evidence available (to be attached)
• Multiple users have reported the QR scanner issue on latest iPhone models

Priority

High - These issues directly impact core functionality (asset scanning) and general usability of the platform.

Labels: bug, mobile, UX, scanner, iOS

ScreenRecording_01-27-2025.14-58-42_1.mp4

What is the expected behaviour?

No interruptions with core workflows when using shelf on a mobile device

Version

Hosted (app.shelf.nu)

What browsers are you seeing the problem on?

Chrome

Relevant log output

[carlosvirreira]

I was going to suggest for the user to move the address/url bar down. Tested on my phone. Same issue. We have the 'scan' action on top and it is now not reach-able.