rjsf-team/react-jsonschema-form
Auf GitHub ansehenMUI `anyOf` select title gets cropped if longer than options
Open
#4.484 geöffnet am 5. Feb. 2025
bughelp wantedmaterial-ui
Repository-Metriken
- Stars
- (13.175 Stars)
- PR-Merge-Metriken
- (Durchschn. Merge 3T 17h) (32 gemergte PRs in 30 T)
Beschreibung
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.