Fix long lines in code blocks in the document editor overflowing the …

…editor (#7783)
keystonejs · Aug 10, 2022 · e6e1315 · e6e1315
1 parent 9210723
commit e6e1315
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/fast-bears-attack.md b/.changeset/fast-bears-attack.md
@@ -0,0 +1,5 @@
+---
+'@keystone-6/fields-document': patch
+---
+
+Fixes long lines in code blocks in the document editor overflowing the editor
diff --git a/packages/fields-document/src/DocumentEditor/render-element.tsx b/packages/fields-document/src/DocumentEditor/render-element.tsx
@@ -99,6 +99,7 @@ const CodeElement = ({ attributes, children }: RenderElementProps) => {
         fontFamily: typography.fontFamily.monospace,
         fontSize: typography.fontSize.small,
         padding: `${spacing.small}px ${spacing.medium}px`,
+        overflowX: 'auto',
       }}
       {...attributes}
     >