# Disable end-of-line hyphenation on all app text?

**URL:** <https://community.glideapps.com/t/disable-end-of-line-hyphenation-on-all-app-text/65883>\
**Category:** Ask for Help\
**Created:** [September 7, 2023, 6:18pm UTC](https://community.glideapps.com/t/disable-end-of-line-hyphenation-on-all-app-text/65883 "2023-09-07T18:18:18Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![mhsu\_pw](https://avatars.discourse-cdn.com/v4/letter/m/a4c791/32.png) [@mhsu\_pw](https://community.glideapps.com/u/mhsu_pw)\
**Post date:** [September 7, 2023, 6:18pm UTC](https://community.glideapps.com/t/disable-end-of-line-hyphenation-on-all-app-text/65883/1 "2023-09-07T18:18:18Z")

</div>

In both Text and Rich Text components, lines that are too long are hyphenated no matter what justification is used. End-of-line hyphenation like this [is _not_ the modern standard for text on a screen](https://writing.stackexchange.com/questions/43096/end-of-line-hyphenation-how-should-it-be-used), so I’m perplexed as to why it’s the app default.

I found [this option](https://community.glideapps.com/t/can-i-remove-hyphens-dash-from-rich-text/63799) for preventing hyphenation in a single Rich Text component, but I was wondering if there was a global app-wide way to turn it off. (Other than custom CSS, which is apparently only available at the $250/month level, which is a ridiculous amount of money to pay just to get access to customizable CSS.)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [September 8, 2023, 1:22am UTC](https://community.glideapps.com/t/disable-end-of-line-hyphenation-on-all-app-text/65883/2 "2023-09-08T01:22:19Z")

</div>

No, I don’t think there’s a way. Even on CSS, you would have to target all related classes for it to happen on an app level.

---

<div class="post-metadata">

**Author:** ![mhsu\_pw](https://avatars.discourse-cdn.com/v4/letter/m/a4c791/32.png) [@mhsu\_pw](https://community.glideapps.com/u/mhsu_pw)\
**Post date:** [September 8, 2023, 3:28pm UTC](https://community.glideapps.com/t/disable-end-of-line-hyphenation-on-all-app-text/65883/3 "2023-09-08T15:28:44Z")

</div>

If the CSS is structured well, you should be able to add `-webkit-hyphens: none; -moz-hyphens: none; hyphens: none !important;` to your `<body>` style definitions to make the changes globally.

However, I’ve never seen a website that has end-of-line hyphenation so something has been done deliberately to **enable** it in the first place for Glide Apps. (In the [very simplest HTML and CSS](https://brutalist-web.design/), line breaks are placed between words.) I’m not sure why that’s been done, so I guess I’ll log this as a bug.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [September 9, 2023, 12:29am UTC](https://community.glideapps.com/t/disable-end-of-line-hyphenation-on-all-app-text/65883/4 "2023-09-09T00:29:46Z")

</div>

Should we have a ticket for this @Brett ?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [September 15, 2023, 1:06am UTC](https://community.glideapps.com/t/disable-end-of-line-hyphenation-on-all-app-text/65883/5 "2023-09-15T01:06:02Z")

</div>

Since you have another post that is categorized as a bug report about this, I will close this one.

> [@Prevent end-of-line hyphenation by default](https://community.glideapps.com/t/prevent-end-of-line-hyphenation-by-default/66166):
>
> In both Text and Rich Text components, lines that are too long are hyphenated no matter what justification is used. End-of-line hyphenation like this [is not the modern standard for text on a screen](https://writing.stackexchange.com/questions/43096/end-of-line-hyphenation-how-should-it-be-used), so I’m perplexed as to why it’s the app default. If the CSS is structured well, you should be able to add -webkit-hyphens: none; -moz-hyphens: none; hyphens: none !important; to \<body\> style definitions in the DOM Inspector to make the changes globally, but it has no effect on the app. I’ve never …

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [September 15, 2023, 1:06am UTC](https://community.glideapps.com/t/disable-end-of-line-hyphenation-on-all-app-text/65883/6 "2023-09-15T01:06:06Z")

</div>