search

jocxfin / pwgen

Simple self hosted password generator
GNU Affero General Public License v3.0
53 stars 3 forks source link

[BUG] UI elements overlapping and scrollable on mobile #63

Closed jocxfin closed 6 months ago

jocxfin commented 6 months ago

Describe the bug On mobile, certain UI elements are overlapping, creating a cluttered and unusable interface in specific sections of the application. Additionally, there's unexpected scrolling occurring in parts of the application where scrolling should not be possible, given that overflow is explicitly disabled. This issue compromises the usability and aesthetic integrity of the application on mobile devices.

To Reproduce Steps to reproduce the behavior:

  1. Open the application on a mobile device.
  2. Navigate to the affected section (specify which section).
  3. Attempt to interact with the UI elements that are overlapping.
  4. Try to scroll through the section where scrolling should be disabled.

Expected behavior UI elements should be well spaced and not overlap, ensuring all functions are accessible and visually clear. Scrolling should be disabled in sections where overflow is disabled, preventing any random scrolling behavior and enhancing user experience.

Screenshots image image image

Desktop (please complete the following information):

Smartphone (please complete the following information):

Additional context This issue has been observed across multiple devices and seems to be a consistent problem rather than an isolated case.

jocxfin commented 6 months ago

Footer had padding which caused this. Will be fixed in the next version