fix: mention input zoom behaviour

components/selection-toolbar/compose-post.tsx

@@ -318,7 +318,7 @@ export function ComposePost({
           <DrawerHeader className="text-left border-b border-border pb-4">
             <DrawerTitle>Share to feed</DrawerTitle>
           </DrawerHeader>
-          <div className="p-4 pb-8">{body}</div>
+          <div className="max-h-[75vh] overflow-y-auto p-4 pb-8">{body}</div>
         </DrawerContent>
       </Drawer>
     );
@@ -331,7 +331,7 @@ export function ComposePost({
         className="fixed inset-0 z-100 bg-foreground/40 backdrop-blur-sm"
         onClick={onClose}
       />
-      <div className="fixed left-1/2 top-1/2 z-101 w-full max-w-md -translate-x-1/2 -translate-y-1/2 rounded-2xl border border-border bg-card shadow-xl">
+      <div className="fixed left-1/2 top-1/2 z-101 flex max-h-[85vh] w-full max-w-md -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-xl">
         <div className="flex items-center justify-between px-5 py-4 border-b border-border">
           <h2 className="font-[family-name:var(--font-title)] font-semibold text-lg">
             Share to feed
@@ -344,7 +344,7 @@ export function ComposePost({
             <X className="size-4" />
           </button>
         </div>
-        <div className="p-5">{body}</div>
+        <div className="overflow-y-auto p-5">{body}</div>
       </div>
     </>,
     document.body,