react-magma icon indicating copy to clipboard operation
react-magma copied to clipboard

Combobox - extra padding between rows

Open chris-cedrone-cengage opened this issue 2 years ago • 3 comments

Describe the bug Padding on a multi-row Combobox using isMulti create unnecessary padding height between rows.

To Reproduce Steps to reproduce the behavior:

  1. Go to https://next--upbeat-sinoussi-f675aa.netlify.app/api/combobox/
  2. Scroll down to Multi Combobox
  3. Notice the padding is off between rows.

Expected behavior There shouldn't be extra padding between the rows in the Combobox.

Screenshots Padding

chris-cedrone-cengage avatar May 24 '23 13:05 chris-cedrone-cengage

The spacing around on all sides should match.

silvalaura avatar Jun 27 '23 19:06 silvalaura

The spacing on the Multi-select has similar spacing issues.

image

orion-cengage avatar Feb 14 '24 14:02 orion-cengage

The desired result is for all the spacing within the input to be 8px. 8px at the top, left, and bottom edges of the input container, and 8px between options, vertically and horizontally. Not sure what combination of padding and margin it will take to get there, but this is visually what the user should see.

image

orion-cengage avatar Feb 14 '24 15:02 orion-cengage