feat(DrawerList): add overflowingTextOptions for CSS hyphens, overflow-wrap, word-break, overflow

[langz]

Initial feature request here: https://dnb-it.slack.com/archives/CMXABCHEY/p1737113652911309

Read more about css property hyphens here: https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
eufemia	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 23, 2025 9:10pm

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

[haigol]

Thanks for checking this out!

Thought it made sense for long words without spaces, as my use case needs, but seeing that it also breaks sentences that simply could span several lines makes me unsure 🤔 I like the idea of being able to send it as prop

[langz]

Thanks for checking this out!

Thought it made sense for long words without spaces, as my use case needs, but seeing that it also breaks sentences that simply could span several lines makes me unsure 🤔 I like the idea of being able to send it as prop

I can make a new optional property called something like itemHyphenation, which will have the possible values from the hyphens CSS property https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens, and will default to the value none if not specified.

Or maybe just hyphenation?

[haigol]

I think this sounds like a good idea!
optionHyphens optionItemsHyphenation? always tricky...

Thank you!

[langz]

In the latest commit, I've renamed from hyphenation to overflowingTextOptions which is an object, where you can set the following CSS properties:

• overflow
• overflow-wrap by setting overflowWrap
• word-break by setting wordBreak
• hyphens

FYI @tujoworker