fix: wrapping on long words indropdowns (SDS-4649) #451

[bernhard-adobe]

adding word-break: break-all; to dropdown label.

Description

In order to break "unbreakable words" like German connected nouns or urls / paths we need to allow break-all for words.

Fixes #451 (SDS-4649).

How and where has this been tested?

• How this was tested: go to http://localhost:3000/docs/dropdown.html and inspect the dropdown label
• Browser(s) and OS(s) this was tested with: Google Chrome Canary Version 81.0.3993.0 (Official Build) canary (64-bit) on macOS Mojave 0.14.5 (18F203)

Screenshots

Before:

After:

To-do list

• If my change impacts other components, I have tested to make sure they don't break.
• If my change impacts documentation, I have updated the documentation accordingly.
• I have read the CONTRIBUTING document.

• This pull request is ready to merge.

[lazd]

Easy peasy lemon squeezy.

[dannify]

I don't think this is the solution we should employ. We still want it to keep whole words that fit on the line and only break if there is overflow.
So probably overflow-wrap: break-word instead of using break-word?
https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap
It should be tested with a string that has long words and other words with spaces in it.
The fox jumpedsdfjhsfiuhsgfilubsliubwrfliuwbfliubfiusbvoiwsdjvhbskfhubvsdkufvlsudhfvsduhv over the lazy dog.

Here is an example of the problem (it cuts off 2 letters for the word "that")

[dannify]

@lazd @bernhard-adobe ^