rjsf-team/react-jsonschema-form
Vedi su GitHubMUI `anyOf` select title gets cropped if longer than options
Open
#4484 aperta il 5 feb 2025
bughelp wantedmaterial-ui
Metriche repository
- Star
- (13.175 star)
- Metriche merge PR
- (Merge medio 3g 17h) (32 PR mergiate in 30 g)
Descrizione
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.