FixMarkdownEditor preview overflowing its container (primer#2639)

* Fix Markdown editor `fieldset` `min-inline-size` styling * Add changeset
enlyze · Dec 5, 2022 · fd9ab39 · fd9ab39
1 parent 0cfdad8
commit fd9ab39
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/lovely-mangos-destroy.md b/.changeset/lovely-mangos-destroy.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Fix `MarkdownEditor` preview overflowing its container
diff --git a/src/drafts/MarkdownEditor/MarkdownEditor.tsx b/src/drafts/MarkdownEditor/MarkdownEditor.tsx
@@ -360,7 +360,7 @@ const MarkdownEditor = forwardRef<MarkdownEditorHandle, MarkdownEditorProps>(
                 disabled /* if we set disabled={true}, we can't enable the buttons that should be enabled */
               }
               aria-describedby={describedBy ? `${descriptionId} ${describedBy}` : descriptionId}
-              style={{appearance: 'none', border: 'none'}}
+              style={{appearance: 'none', border: 'none', minInlineSize: 'auto'}}
             >
               <FormattingTools ref={formattingToolsRef} forInputId={id} />
               <div style={{display: 'none'}}>{children}</div>