Table block: Removes the word-break:break-all; from the table cells (…

…WordPress#16741) * Fixes WordPress#16740. Removes the word-break:break-all; from the CSS for the Table cells. * Added the overflow-wrap:break-word attribute which appears to be widely supported and works better than word-wrap:break-all. * Changed to word-break:break-word as per @brentswisher's wonderful catch. * Missed an overflow-wrap. Got it now.
uxview · Aug 6, 2019 · eba92cb · eba92cb
1 parent c5d573a
commit eba92cb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/block-library/src/table/editor.scss b/packages/block-library/src/table/editor.scss
@@ -9,9 +9,10 @@
 			// Ensure the table element is not full-width when aligned.
 			width: auto;
 		}
+
 		td,
 		th {
-			word-break: break-all;
+			word-break: break-word;
 		}
 	}
 

diff --git a/packages/block-library/src/table/style.scss b/packages/block-library/src/table/style.scss
@@ -17,7 +17,7 @@
 
 		td,
 		th {
-			word-break: break-all;
+			word-break: break-word;
 		}
 	}
 
@@ -34,8 +34,7 @@
 
 		td,
 		th {
-			// Aligned tables shouldn't scroll horizontally so we need their contents to wrap.
-			word-break: break-all;
+			word-break: break-word;
 		}
 	}