rjsf-team/react-jsonschema-form
Ver no GitHubMUI `anyOf` select title gets cropped if longer than options
Open
#4.484 aberto em 5 de fev. de 2025
bughelp wantedmaterial-ui
Métricas do repositório
- Stars
- (13.175 stars)
- Métricas de merge de PR
- (Mesclagem média 3d 17h) (32 fundiu PRs em 30d)
Description
Prerequisites
- I have searched the existing issues
- I understand that providing a SSCCE example is tremendously useful to the maintainers.
- I have read the documentation
- Ideally, I'm providing a sample JSFiddle, Codesandbox.io or preferably a shared playground link demonstrating the issue.
What theme are you using?
mui
Version
5.22.4
Current Behavior
This:
Notice how for the options Option A, Option B, and Option C, the Choose Option text gets cropped and has ... added to it.
This is because the select widget length is calculated based on the options' lengths and does not account for the length of the title.
Expected Behavior
Ideally, the width of the select widget should be calculated like this: max(titleWidth, max(optionsWidths)).
Could such a small fix be made? Maybe a CSS property exists for this?
If Material UI does not allow such title length calculation, I will also open an issue there.
Steps To Reproduce
A simple anyOf schema with subschemas having titles shorter than the select title.