jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

fix(EditFlowSettingsComponent): add handleFocus function to fix double-click text selection issue in input fields

Browse source
This commit is contained in:
cristhianzl 2023-12-11 21:32:09 -03:00
commit cb39d77667
1 changed files with 9 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/frontend/src/components/EditFlowSettingsComponent/index.tsx
View file

@ -29,6 +29,9 @@ export const EditFlowSettings: React.FC<InputProps> = ({
setDescription!(event.target.value); setDescription!(event.target.value);
}; };
//this function is necessary to select the text when double clicking, this was not working with the onFocus event
const handleFocus = (event) => event.target.select();
return ( return (
<> <>
<Label> <Label>
@ -48,6 +51,9 @@ export const EditFlowSettings: React.FC<InputProps> = ({
placeholder="Flow name" placeholder="Flow name"
id="name" id="name"
maxLength={maxLength} maxLength={maxLength}
onDoubleClickCapture={(event) => {
handleFocus(event);
}}
/> />
) : ( ) : (
<span className="font-normal text-muted-foreground word-break-break-word"> <span className="font-normal text-muted-foreground word-break-break-word">
@ -70,6 +76,9 @@ export const EditFlowSettings: React.FC<InputProps> = ({
placeholder="Flow description" placeholder="Flow description"
className="mt-2 max-h-[100px] font-normal" className="mt-2 max-h-[100px] font-normal"
rows={3} rows={3}
onDoubleClickCapture={(event) => {
handleFocus(event);
}}
/> />
) : ( ) : (
<span <span