search

paqtcom / graphite-design-system

Library of components for the Graphite Design System
https://graphitedesignsystem.com
MIT License
24 stars 6 forks source link

`select` element in `pill` mode has incorrect `border-radius` when items wrap #132

Open dermotduffy opened 1 year ago

dermotduffy commented 1 year ago

Example:

      <gr-select label="Select zones" placeholder="Select zones..." multiple pill clearable>
        <gr-menu-item value="option-1">Person</gr-menu-item>
        <gr-menu-item value="option-2">Car</gr-menu-item>
        <gr-menu-item value="option-3">Boat</gr-menu-item>
      </gr-select>

What it looks like with 2 elements selected when the container is narrow:

before

What it should look like:

after-pill

Suggested fix:

Before:

before-css

After:

after-css