Add pointer-events-none in the right place

Author: zenoachtig

packages/gitbook/src/components/AIChat/AIChatInput.tsx

@@ -110,7 +110,7 @@ export function AIChatInput(props: {
             <div className="absolute inset-x-0 bottom-0 flex items-center gap-2 px-2 py-2">
                 <HoverCardRoot openDelay={500}>
                     <HoverCard
-                        className="max-w-xs select-none bg-tint p-2 text-sm text-tint"
+                        className="max-w-xs bg-tint p-2 text-sm text-tint"
                         arrow={{ className: 'fill-tint-3' }}
                     >
                         <div className="flex flex-col gap-3 p-2">

packages/gitbook/src/components/primitives/HoverCard.tsx

@@ -28,7 +28,7 @@ export function HoverCard(
         <RadixHoverCard.Portal>
             <RadixHoverCard.Content
                 side={props.side ?? 'top'}
-                className="z-40 w-screen max-w-md animate-scale-in px-4 data-[state='closed']:animate-scale-out sm:w-auto"
+                className="pointer-events-none z-40 w-screen max-w-md animate-scale-in px-4 data-[state='closed']:animate-scale-out sm:w-auto"
             >
                 <div
                     className={tcls(