Skip to content

Dealing with content overflow #364

Open
@johndeighan

Description

@johndeighan

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions