The 2026 Drupal Business Survey is open. Your response will help shape the future of the Drupal business ecosystem.when tag or link text is too long then it is overflowing.
| Comment | File | Size | Author |
|---|---|---|---|
| #9 | after-patch.png | 267.1 KB | ambuj_gupta |
| #9 | before_patch.png | 128.86 KB | ambuj_gupta |
| #6 | interdiff_2-6.txt | 223 bytes | meghasharma |
| #6 | updated_css_file-3172151-6.patch | 289 bytes | meghasharma |
| #4 | Screenshot 1942-06-30 at 2.36.23 PM.png | 436.35 KB | gauravvvv |
Comments
Comment #2
gauravvvv commentedI have provided the patch please verify if it is working or not.
Comment #3
gauravvvv commentedComment #4
gauravvvv commentedI am adding a after patch screenshot for reference.
Comment #5
meghasharma commentedComment #6
meghasharma commentedi thing, we should add both properties,
word-wrap: break-word;
overflow-wrap: break-word;
because: The “partial” support indicated above is due to some browsers supporting word-wrap and some browsers supporting overflow-wrap. Using both can ensure backwards compatibility.
https://css-tricks.com/almanac/properties/o/overflow-wrap/
Comment #7
gauravvvv commentedPatch is working on different cross browser, RTBC +1
Comment #8
ambuj_gupta commentedComment #9
ambuj_gupta commentedTesting Steps:
1. Install Drupal 8.9
2. Install theme from https://www.drupal.org/node/3023165/git-instructions/8.x-1.x/nonmaintainer
3. Go to Article Contents type. And add the long tag
4. Save the Article and check the view page
5. Verify the page in cross-browsers.
Testing Results:
- Tested and verified by applying the patch updated_css_file-3172151-6.patch. And its working as expected.
- Verified in Safari, Chrome, Firefox and Edge.
Comment #10
ambuj_gupta commented