Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dealing with content overflow #364

Open
johndeighan opened this issue Sep 6, 2024 · 0 comments
Open

Dealing with content overflow #364

johndeighan opened this issue Sep 6, 2024 · 0 comments

Comments

@johndeighan
Copy link

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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant