Layout breaks with long output
Opened this issue · 0 comments
shadikka commented
Steps to reproduce
- Generate 666 words (more if your screen resolution is astronomical)
Encountered behavior
The layout breaks with the #passwordOutput element covering the full page vertically, pushing the form fields out of the viewport.
Expected behavior
The layout should adapt by e.g. limiting the max-height of #passwordOutput and allowing scrolling there; currently body has flex-direction: column, overflow: hidden and height: 100vh which is a major cause of this issue.
Possible fix
Depending on your taste, adjust or remove the aforementioned CSS properties from body, and/or give #passwordOutput a suitable max-height and overflow: scroll.
Joke of the day (courtesy of ChatGPT)
Why do CSS developers always carry a pencil?
Because they're always sketching out their styles!