pengjunjie/langflow
1
0
Fork 1
mirror of https://github.com/langflow-ai/langflow.git synced 2026-07-25 20:20:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

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
parent c5eb7d9e62
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);
};
//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 (
<>
<Label>
@ -48,6 +51,9 @@ export const EditFlowSettings: React.FC<InputProps> = ({
placeholder="Flow name"
id="name"
maxLength={maxLength}
onDoubleClickCapture={(event) => {
handleFocus(event);
}}
/>
) : (
<span className="font-normal text-muted-foreground word-break-break-word">
@ -70,6 +76,9 @@ export const EditFlowSettings: React.FC<InputProps> = ({
placeholder="Flow description"
className="mt-2 max-h-[100px] font-normal"
rows={3}
onDoubleClickCapture={(event) => {
handleFocus(event);
}}
/>
) : (
<span