macaw-ui icon indicating copy to clipboard operation
macaw-ui copied to clipboard

Bug: the selected option label overflows the select container

Open peelar opened this issue 1 year ago • 0 comments

What are you trying to achieve?

I am using the <Select /> component with options that have long labels. I want the layout of the selects to stay the same even when the long label option is chosen.

Steps to reproduce the problem

  1. Render a <Select /> with options that have long labels
  2. Choose an option with a long label

What did you expect to happen?

I expected the label text to truncate instead of overflowing to the next line and causing the Select layout to break

Additional information

Selecting an option:

Zrzut ekranu 2023-06-20 o 10 13 44

How it renders it: Zrzut ekranu 2023-06-20 o 10 13 36

Environment

Browser and version: Arc Version 0.108.1 (39609) Chromium Engine Version 114.0.5735.133

Macaw version: 0.8.0-pre.84

peelar avatar Jun 20 '23 08:06 peelar