svelte-material-ui
svelte-material-ui copied to clipboard
Combo Non Text Items
Describe the bug When using a combo (drop down) with non-text elements (objects, numbers, etc), the combo's label is overlapping the selection when focus is lost. For some reason the combo is using styling as if nothing was selected.
To Reproduce
- Create a combo with an array of text and numeric elements.
- Select a non-text element.
- Remove focus from the widget.
- The label will be large and overlapping the selection text.
- Switch to a text element and the label will be smaller and above the selection text.
Expected behavior A selection of any element regardless of type should have the label small and above the selected element's rendering. Only on no selection (or empty selection) should the rendering of the label be large and lower.
Screenshots
Expected Behavior:
Unexpected Behavior:
Desktop (please complete the following information):
- OS: Windows
- Browser: Chrome / Firefox
- Version: Latest
Smartphone (please complete the following information): Did not test. Additional context NA
I am currently on 8.15.1 of @smui/select