elm-ui icon indicating copy to clipboard operation
elm-ui copied to clipboard

Dealing with content overflow

Open johndeighan opened this issue 5 months ago • 0 comments

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:

  1. You can dispense with "wrappedRow"
  2. 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

johndeighan avatar Sep 06 '24 02:09 johndeighan