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

SelectWidget options wrapping and overlapping on smaller widths #8991

Closed
grahamlangford opened this issue Aug 9, 2024 · 1 comment
Closed
Labels
bug Something isn't working page editor papercut Small UI bug/inconsistency

Comments

@grahamlangford
Copy link
Collaborator

Describe the bug

When the SelectWidget width is reduced so that the length of the options are forced to wrap, the text wraps over the next option

To Reproduce

Steps to reproduce the behavior:

  1. Open the Page Editor
  2. View a brick that has an icon select
  3. Reduce the width of the page until the select has icon options that are wider than the select

Actual behavior

The text wraps/overlays the next option

Expected behavior

The option's height should grow or the text should truncate (opinion @twschiller?)

Screenshots/Loom

image.png

Additional context

@grahamlangford grahamlangford added bug Something isn't working page editor papercut Small UI bug/inconsistency labels Aug 9, 2024
@grahamlangford
Copy link
Collaborator Author

Duplicate of #8493

@grahamlangford grahamlangford marked this as a duplicate of #8493 Aug 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working page editor papercut Small UI bug/inconsistency
Projects
None yet
Development

No branches or pull requests

1 participant