elm-ui
elm-ui copied to clipboard
Dealing with content overflow
To start with, I thought I'd mention that the page at "https://package.elm-lang.org/packages/mdgriffith/elm-ui/latest/" ends with:
Want to help out fixing bugs or reporting issues? Please add issues you find...
But gives no clue as to how or where to do that!
Now on to my actual suggestion/feature request:
The CSS Escape Plan book says:
When the content overflows, there are three options: • just let it happen • clip it at the container boundaries • allow the container to scroll.
I think that you should add a 4th option: wrap content when elements won't fit within the right hand border (for rows) or bottom border (for columns). Benefits:
- You can dispense with "wrappedRow"
- In a radioRow, you can cause overflow options to wrap to the next line. BTW, this is my current problem. I want to create a set of radio buttons that could get quite long - you can dynamically add to the Set of possible options. Unfortunately, with a radioRow, at some point, the options are offscreen and not visible. I could, but won't, allow a horizontal scroll bar. Also, note that with this feature, you could allow a regular radio element (which is displayed in a column), to also wrap. I suspect that this feature would also benefit other Elements that display children in rows or columns.
Probably not relevant, but:
Versions
- OS: Windows 11, automatically updated (today is 9/6/2024)
- Browser Chrome, automatically updated
- Browser Version
- Elm Version 0.19.1
- Elm UI Version 1.1.8