fix(theme-classic): code block wrap mode should allow wrapping in the…

… middle of a word (#7551)
facebook · Jun 2, 2022 · 17fe43e · 17fe43e
1 parent abe5450
commit 17fe43e
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/docusaurus-theme-common/src/hooks/useCodeWordWrap.ts b/packages/docusaurus-theme-common/src/hooks/useCodeWordWrap.ts
@@ -69,6 +69,9 @@ export function useCodeWordWrap(): {
       codeElement.removeAttribute('style');
     } else {
       codeElement.style.whiteSpace = 'pre-wrap';
+      // When code wrap is enabled, we want to avoid a scrollbar in any case
+      // Ensure that very very long words/strings/tokens still wrap
+      codeElement.style.overflowWrap = 'anywhere';
     }
 
     setIsEnabled((value) => !value);