svelte-material-ui icon indicating copy to clipboard operation
svelte-material-ui copied to clipboard

Combo Non Text Items

Open wcrisman opened this issue 2 years ago • 1 comments

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

  1. Create a combo with an array of text and numeric elements.
  2. Select a non-text element.
  3. Remove focus from the widget.
  4. The label will be large and overlapping the selection text.
  5. 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: Combo Expected Behavior

Unexpected Behavior: Combo 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

wcrisman avatar Aug 02 '22 16:08 wcrisman

I am currently on 8.15.1 of @smui/select

wcrisman avatar Aug 02 '22 16:08 wcrisman