Menu: Adjacent selected `iui-menu-item`s could omit border radius

iTwin / iTwinUI

A design system for building beautiful and well-working web interfaces.

https://itwin.github.io/iTwinUI/

MIT License

107 stars 38 forks source link

Menu: Adjacent selected `iui-menu-item`s could omit border radius #837

Closed r100-stack closed 1 year ago

r100-stack commented 1 year ago

Feature

Currently when selecting multiple iui-menu-items in the ComboBox with multiple=true (Multiple select), each item has a border radius. It might look better to omit the appropriate border radius sides when two selected iui-menu-items are adjacent.

Something similar to how adjacent buttons don't have border radius in ButtonGroup

Additional information

The associated React PR that added multiple select support: React PR #830

gretanausedaite commented 1 year ago

Combobox is using menu items to render menu:

Same issue in Multiple Select component.