Prevent end-of-line hyphenation by default

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 , 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 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 , line breaks are placed between words.)

I found this option 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.)

2 Likes

I second this. Hyphens are not default for the web these days. And yep, I’ve seen the posts about disabling via custom CSS, but I’m not on the expensive plan that lets me do this.

1 Like