kamp/IOPaint
1
0
Fork 0
Code Issues Pull Requests Releases 1 Activity

fix textarea space not work

Browse Source
This commit is contained in:
Qing 2024-02-27 22:06:39 +08:00
parent 1b8c48af7b
commit 47d2b1dcb7
1 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web_app/src/components/ui/textarea.tsx
View File

@ -1,12 +1,23 @@
import * as React from "react" import * as React from "react"
import { cn } from "@/lib/utils" import { cn } from "@/lib/utils"
import { useStore } from "@/lib/states"
export interface TextareaProps export interface TextareaProps
extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {} extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>( const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
({ className, ...props }, ref) => { ({ className, ...props }, ref) => {
const updateAppState = useStore((state) => state.updateAppState)
const handleOnFocus = () => {
updateAppState({ disableShortCuts: true })
}
const handleOnBlur = () => {
updateAppState({ disableShortCuts: false })
}
return ( return (
<textarea <textarea
className={cn( className={cn(
@ -16,6 +27,8 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
)} )}
tabIndex={-1} tabIndex={-1}
ref={ref} ref={ref}
onFocus={handleOnFocus}
onBlur={handleOnBlur}
{...props} {...props}
/> />
) )