Fix: focus-mode prompt box not scrolling (#1882)
MentionTextarea's root wrapper lacked min-h-0, so as a flex child of the fullscreen modal's bounded column it kept full content height and got clipped by overflow-hidden instead of letting the editor scroll.
This commit is contained in:
1 parent
343c2a0e47
commit
c96d979585
1 file changed
+6
-1
@@ -1528,7 +1528,12 @@ export const MentionTextarea = forwardRef<HTMLDivElement, MentionTextareaProps>(
|
||||
);
|
||||
|
||||
return (
|
||||
<div className="relative flex-1 min-w-0 pb-[7px]">
|
||||
// min-h-0: in the focus-mode modal this wrapper is a flex child of a
|
||||
// height-bounded column; without it, flexbox's min-height:auto keeps the
|
||||
// wrapper at full content height, the modal's overflow-hidden clips it,
|
||||
// and the editor's own overflow-y-auto never engages (the "focus mode
|
||||
// doesn't scroll" bug). Inline, the row is content-sized, so it's a no-op.
|
||||
<div className="relative flex-1 min-w-0 min-h-0 pb-[7px]">
|
||||
{!value && placeholder && (
|
||||
<div
|
||||
className={twMerge(
|
||||
|
||||
Reference in new issue
Block a user