Fixed textarea whitespace visual bug

This commit is contained in:
Emir Karabeg
2025-01-30 19:04:59 -08:00
parent 087a1095c8
commit cb4d5f8da6
@@ -84,7 +84,7 @@ export function LongInput({
<Textarea
ref={textareaRef}
className={cn(
'w-full resize-none placeholder:text-muted-foreground/50 allow-scroll text-transparent caret-foreground',
'w-full resize-none placeholder:text-muted-foreground/50 allow-scroll text-transparent caret-foreground break-words whitespace-pre-wrap',
isConnecting &&
'focus-visible:ring-blue-500 ring-2 ring-blue-500 ring-offset-2'
)}
@@ -98,7 +98,7 @@ export function LongInput({
/>
<div
ref={overlayRef}
className="absolute inset-0 pointer-events-none px-3 py-2 overflow-auto whitespace-pre-wrap scrollbar-none text-sm bg-transparent"
className="absolute inset-0 pointer-events-none px-3 py-2 overflow-auto whitespace-pre-wrap break-words scrollbar-none text-sm bg-transparent"
>
{formatDisplayText(value?.toString() ?? '')}
</div>