I've created a page which shows the 2 issues:

1) long dropdown lists don't display in full (you can't scroll to the bottom of the list)

2) long titles in the dropdown list don't display in full - ideally they would wrap round to the next line. This happens on desktop, but is obviously worse on a phone

demo page

Cheers Chris

Hi Piotr

Sorry - I don't know what i'm doing - I started replying, changed my mind and have now deleted the answer - which included my previous code and your response:

"My college asked if you can make snippet with an example of behaviour you want to change in our component. I will take care of your case just need some more information. Copy code from the body to HTML field, styling to CSS and all scripts you are using before closing body tags to JS field."

Cheers

Chris

Hi there @Chris,

Could you perhaps share some code? I see what you mean - regular overflow-wrap and word-wrap properties are not being properly implemented onto the anchor's element textnode child. I feel the problem now might have to do with dropdown's nested nature, but in my case the dropdown-menu get horizontally stretched rather than truncate.

Are you generating your dropdown menu dynamically? I know it might sound silly, but if not, hot fix could be to append a <br/> in place of your choosing.

With Best Regards, Kuba