[DO NOT MERGE] DS-876 Article Element Word Wrap - Githubissues

boltdesignsystem / bolt

The Bolt Design System provides robust Twig and Web Component-powered UI components, reusable visual styles, and powerful tooling to help developers, designers, and content authors build, maintain, and scale best of class digital experiences.

https://boltdesignsystem.com

MIT License

291 stars 46 forks source link

[DO NOT MERGE] DS-876 Article Element Word Wrap #2570

Closed MarcinMr closed 2 years ago

MarcinMr commented 2 years ago

Jira

https://pegadigitalit.atlassian.net/browse/DS-876

Summary

Long links shouldn't overflow parent containers

Details

The article.scss was updated on a tag withoverflow-wrap: break-word
A test page /pattern-lab/?p=viewall-tests-article was added to check the behavior of native HTML links and e-bolt-links inside e-bolt-article

How to test

Pull the branch. Go to the test page and confirm that long links wrap to another line if there's not enough space.

Release notes

Long links within an article (e-bolt-article) wrap if there's no space enough

colbytcook commented 2 years ago

@MarcinMr Recreated this branch so we can remove the hotfix in the branch path

colbytcook commented 2 years ago

Closing, this work was merged with https://github.com/boltdesignsystem/bolt/pull/2572