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

Unhandled overflow behaviour on dropdown LI elements #486

Open
mwargan opened this issue Mar 7, 2024 · 0 comments
Open

Unhandled overflow behaviour on dropdown LI elements #486

mwargan opened this issue Mar 7, 2024 · 0 comments

Comments

@mwargan
Copy link

mwargan commented Mar 7, 2024

Please search for duplicate or closed issues first.

Describe the issue

Current Behavior

Unhandled overflow behaviour on dropdown LI elements.

Expected Behavior

Handle overflow by wrapping.

Reproduction URL

image

Just go to the docs page and overfill an LI element https://picocss.com/docs/dropdown

Suggested fix:

/* Fix overflow on dropdown li elements */
details.dropdown summary+ul li,
details.dropdown summary+ul li>a {
  white-space: break-spaces;

  /* The below is not needed but is quite nice to limit absurdly big list results in the dropdown  */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  overflow: hidden;
}
@mwargan mwargan changed the title Unhandled overflow behaviour on dropdown LI elements. Unhandled overflow behaviour on dropdown LI elements Mar 7, 2024
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