Viewport wobble on published forms
Please use the 👍 reaction to show that you are affected by the same issue. Please don't comment if you have no relevant information to add!
Describe the bug Annoying little overflow gap on mobile view. Can't find the corresponding file. Video attached. PS: On mobile device it's a pia imho. Fix in video.
https://github.com/user-attachments/assets/2b264895-73cc-4d8a-addc-ec3b5fb1bc82
To Reproduce Steps to reproduce the behavior:
- Create form
- Publish
- Make window small or open on mobile device
- See problem; Form wobbles some px left and right.
Expected behavior No wobble
Screenshots Attached
Nextcloud (please complete the following information):
- Nextcloud-Version: 31.0.7 RC1
- Forms-Version: 5.1.2
Desktop (please complete the following information):
- OS: MacOS
- Browser Safari
- Version 18.5 (20621.2.5.11.8)
Smartphone (please complete the following information):
- Device: iphone 11Pro
- OS: Latest
- Browser Safari
The main issue is how the <header> is built. The solution provided is the lazy fox, but works with no downside.
The video fix is not really acceptable as just hiding the overflow might hide information. Instead the overflowing elements should be fixed (if needed).