I have added two screenshots. One with hyphens and one with the original look.
- 🇬🇧United Kingdom catch
That's because of 🐛 Article text can overflow page on mobile viewports Fixed
- 🇬🇧United Kingdom catch
Looking at those screenshots, I think this is probably a valid report, wondering if we could add
hyphenate-limit-charsso that only actually long words get broken. - 🇮🇳India Avani.Bhut India
avani.bhut → made their first commit to this issue’s fork.
- Merge request !92613459760: Text becomes hyphenated after upgrade to 10.3.0 → (Closed) created by Avani.Bhut
- Status changed to Needs review
about 2 months ago 11:11am 20 August 2024 - 🇮🇳India Avani.Bhut India
I removed hyphens: auto from the body tag to fix the issue. This property was added in the Olivero theme, which wasn't the default theme in previous core versions.
- Assigned to Avani.Bhut
- Status changed to Needs work
about 2 months ago 11:32am 20 August 2024 - Issue was unassigned.
- Status changed to Needs review
about 2 months ago 12:10pm 20 August 2024 - 🇳🇿New Zealand quietone
@avani.bhut, thanks for making the MR. Did you try the suggestion fix from comment #6?
This also needs manual testing and screenshots.
- Status changed to Needs work
about 2 months ago 2:45pm 20 August 2024 - 🇮🇳India Avani.Bhut India
@quietone Yes, I’ve tried using the hyphenate-limit-chars property, but it is not fully supported across all browsers. For instance, Firefox and Safari do not support this property. Please refer to the screenshot/Link for more details.
https://developer.mozilla.org/en-US/docs/Web/CSS/hyphenate-limit-chars#b...
- Status changed to Needs review
about 2 months ago 1:57pm 29 August 2024 - Status changed to Needs work
about 2 months ago 2:37pm 29 August 2024 - 🇺🇸United States smustgrave
Scanning issue summary but still appears to be missing screenshots
Also MR should be against 11.x
- 🇮🇳India Avani.Bhut India
@smustgrave Please see the attached screenshot displaying the before and after changes.
- First commit to issue fork.
- 🇮🇳India nayana_mvr
nayana_mvr → changed the visibility of the branch drupal-3459760-3459760-text-becomes-hyphenated to hidden.
- 🇮🇳India nayana_mvr
nayana_mvr → changed the visibility of the branch 3459760-text-becomes-hyphenated-after-upgrade to hidden.
- 🇮🇳India nayana_mvr
I have verified the changes in the MR!9261 and can confirm that it fixes the issue. Adding before and after screenshots from reviewer perspective. Keeping this 'Needs Work' itself as the pipeline has some build issues related to nightwatch tests.
I tried to create a new branch from 11.x and raised the MR with the same changes to check whether it fixes that issue but was getting the same errors in the pipeline, so I hid that branch. Please ignore them.
Would appreciate if someone can guide me to understand and fix nightwatch test failure issues. Thanks. Will this also resolve the issue in Olivero with hyphenated text in the Title? Photo enclosed. Thanks for the work done on this module!