forms icon indicating copy to clipboard operation
forms copied to clipboard

Viewport wobble on published forms

Open DrDBanner opened this issue 6 months ago • 2 comments

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:

  1. Create form
  2. Publish
  3. Make window small or open on mobile device
  4. 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

DrDBanner avatar Jul 09 '25 13:07 DrDBanner

The main issue is how the <header> is built. The solution provided is the lazy fox, but works with no downside.

DrDBanner avatar Jul 09 '25 14:07 DrDBanner

The video fix is not really acceptable as just hiding the overflow might hide information. Instead the overflowing elements should be fixed (if needed).

susnux avatar Sep 13 '25 09:09 susnux