Merge pull request #20 from cloudmix-dev/bugfix/code-overflow

Code text overflow
cloudmix-dev · Dec 31, 2023 · a628664 · a628664
2 parents 15f1648 + 0e8a96d
commit a628664
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/.changeset/five-panthers-guess.md b/.changeset/five-panthers-guess.md
@@ -0,0 +1,5 @@
+---
+"@cloudmix-dev/react": patch
+---
+
+Fix text overflow handling in Code component
diff --git a/packages/react/src/components/code.tsx b/packages/react/src/components/code.tsx
@@ -73,7 +73,12 @@ function Code({ content, copy, fileExplorer, language, numbers }: CodeProps) {
             ))}
           </div>
         )}
-        <div className={cn("flex-grow", fileExplorer && "pt-2")}>
+        <div
+          className={cn(
+            "flex-grow max-w-full overflow-auto",
+            fileExplorer && "pt-2",
+          )}
+        >
           <Highlight
             code={content.trimEnd()}
             language={language}