question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

word-break: break-all; does not work well with English

See original GitHub issue

Example below. word-break: break-all; in .memo-content-text does not work well with English words, as it will cut off words.

Screenshot 2022-08-23 at 04 47 02

Currently using a Chrome extension to change the CSS client-side.

Screenshot 2022-08-23 at 04 49 37

(Notice the end of the lines being cut off in the first picture)

Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:1
  • Comments:6 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
limdingwencommented, Aug 23, 2022

@boojack Thank you for the fast commit! This is an awesome project 😄

How about break-words? Reference: https://tailwindcss.com/docs/word-break

… I feel dumb now haha. Didn’t even notice that 😅 Thank you both.

0reactions
boojackcommented, Aug 23, 2022

@limdingwen Thanks for your nice hint, the break-all change in commit: https://github.com/usememos/memos/commit/10d710cf03d2423434971cb0dc2d9eeb0ce04cc5 might be a mistake. It should be break-words at all. So it would be a pleasure to have your PR.

Read more comments on GitHub >

github_iconTop Results From Across the Web

word-wrap break-word does not work in this example
Word-Break has nothing to do with inline-block . Make sure you specify width and notice if there are any overriding attributes in parent...
Read more >
word-break - CSS: Cascading Style Sheets - MDN Web Docs
The word-break CSS property sets whether line breaks appear wherever the text would otherwise overflow its content box.
Read more >
wrap, overflow - wrap - , and - word - break - LogRocket Blog
Using break-all will break a word between two characters at the exact point where an overflow would occur in English and other related...
Read more >
word-break - CSS-Tricks
The word-break property in CSS can be used to change when line breaks ought to occur. Normally, line breaks in text can only...
Read more >
What is the difference between “word-break: break-all” versus ...
The “word-break: break-all;” will break the word at any character so the result is to difficulty in reading whereas “word-wrap: break-word;” ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found