themesberg / themesberg/flowbite
More resilient select field regarding width
@zoltanszogyenyi is already working on this.
Since Dec 14, 2022.
- 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:

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

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:

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
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.