Fix wordbreak for URLs (#36993)

* Fix wordbreak for URLs * Use break-all instead. * Remove overflow-wrap. * prefer the new css prop `overflow-wrap` * Only apply to URL. Co-authored-by: ntsekouras <ntsekouras@outlook.com>
WordPress · Dec 6, 2021 · 367a9c6 · 367a9c6
1 parent dea2700
commit 367a9c6
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/block-editor/src/components/link-control/style.scss b/packages/block-editor/src/components/link-control/style.scss
@@ -197,12 +197,16 @@ $preview-image-height: 140px;
 		// of text, particular those with no spaces.
 		// See: https://github.com/WordPress/gutenberg/issues/33586#issuecomment-888921188
 		white-space: pre-wrap;
-		word-wrap: break-word;
+		overflow-wrap: break-word;
+
+		.block-editor-link-control__search-item-info {
+			word-break: break-all;
+		}
 	}
 
 	&.is-preview .block-editor-link-control__search-item-header {
 		display: flex;
-		flex: 1; // fill available space.
+		flex: 1; // Fill available space.
 	}
 
 	&.is-error .block-editor-link-control__search-item-header {