Skip to content

Commit

Permalink
Fix text wrapping in Firefox. (WordPress#7472)
Browse files Browse the repository at this point in the history
* Fix text wrapping in Firefox.

This PR, maybe, fixes WordPress#6049. CC: @SuperGeniusZeb.

It is a one line code change, but this change is put into a highly unscoped and generic location, so I would appreciate both lots of testing and sanity checking that there are no adverse side-effects to doing this.

For reference, this is what we're using: https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap
We could also have used https://developer.mozilla.org/en-US/docs/Web/CSS/word-break

* Scope to block list.

* docs: Tweak comment
  • Loading branch information
jasmussen committed Jun 26, 2018
1 parent 2043b11 commit a56c54d
Showing 1 changed file with 3 additions and 0 deletions.
3 changes: 3 additions & 0 deletions editor/components/block-list/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -136,6 +136,9 @@
padding-left: $block-padding;
padding-right: $block-padding;

// Break long strings of text without spaces so they don't overflow the block.
overflow-wrap: break-word;

@include break-small() {
// The block mover needs to stay inside the block to allow clicks when hovering the block
padding-left: $block-padding + $block-side-ui-padding - $border-width;
Expand Down

0 comments on commit a56c54d

Please sign in to comment.