themesberg / themesberg/flowbite

More resilient select field regarding width

Open
#360 1 comment 0 reactions 1 assignee View on GitHub

@zoltanszogyenyi is already working on this.

Since Dec 14, 2022.

bug v1.6.3
Dominant language
HTML
Stars
9.4k
Forks
862
PR merge metrics
No merged PRs in 30d

Description

Is your feature request related to a problem? Please describe.

As the select form field is tagged with w-full, it is usually large:

image

However, if we remove this class, the select's caret now overlaps the content:

image

It would be convenient if we could remove w-full and still have a good-looking select.

Describe the solution you'd like

After we remove w-full, we get something like:

image

In other words, the select field is large enough so the caret never overlaps the content, whatever the selected option.

Describe alternatives you've considered

Workarounds:

  • Use a fixed minimum width
  • Pad options with a few   (not proud of this one)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.