Decathlon / vitamin-web

Decathlon Design System UI components for web applications
https://decathlon.github.io/vitamin-web
Apache License 2.0
282 stars 76 forks source link

bug(@vtmn/css): display issue for the vtmn-select_container when the text are too long #1473

Open LionelSpanneut opened 1 year ago

LionelSpanneut commented 1 year ago

Actual behavior

I am a developper in Myaccount Team, we have seen issues with the select (.vtmn-select_container).

  1. The label is displayed only in one line but it is problematic for long translations for example. See the screenshot : image image

  2. the option inside the select is too long and the display of the select goes out the window image

Expected behavior

  1. allow a long label in multiples lines. image

  2. fix the display of the select when the option text is too long image

To fix the issues, I have made this modifications in my code

The code of the ::before is the same as .vtmn-select_container::before except the position, float and inset-block-start

Version affected "@vtmn/css": "^0.91.5",

You can contact me or Myaccount Team if you have any questions.

Thanks Lionel