📝 (inputComponent): Remove autoComplete="off" attribute from Input co…

…mponents to enable browser autocomplete feature 📝 (ui/input): Remove autoComplete="off" attribute from input element to enable browser autocomplete feature 📝 (extraSidebarComponent): Remove autoComplete="off" attribute from input element to enable browser autocomplete feature 📝 (flowSidebarComponent): Remove autoComplete="off" attribute from Input component to enable browser autocomplete feature
langflow-ai · Nov 19, 2024 · 5b123f9 · 5b123f9
1 parent bec82a6
commit 5b123f9
Show file tree

Hide file tree

Showing 5 changed files with 1 addition and 4 deletions.
diff --git a/src/frontend/src/components/inputComponent/components/popoverObject/index.tsx b/src/frontend/src/components/inputComponent/components/popoverObject/index.tsx
@@ -51,7 +51,6 @@ const CustomInputPopoverObject = ({
     <Popover modal open={showOptions} onOpenChange={setShowOptions}>
       <PopoverAnchor>
         <Input
-          autoComplete="off"
           id={id}
           ref={refInput}
           type="text"

diff --git a/src/frontend/src/components/inputComponent/index.tsx b/src/frontend/src/components/inputComponent/index.tsx
@@ -59,7 +59,6 @@ export default function InputComponent({
       {isForm ? (
         <Form.Control asChild>
           <Input
-            autoComplete="off"
             name={name}
             id={"form-" + id}
             ref={refInput}

diff --git a/src/frontend/src/components/ui/input.tsx b/src/frontend/src/components/ui/input.tsx
@@ -18,6 +18,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
             className="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 transform text-muted-foreground"
           />
           <input
+            autoComplete="off"
             data-testid=""
             type={type}
             className={cn(

diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -191,7 +191,6 @@ export default function ExtraSidebar(): JSX.Element {
             // Set search input state
             setSearch(event.target.value);
           }}
-          autoComplete="off"
           readOnly
           onClick={() =>
             document?.getElementById("search")?.removeAttribute("readonly")

diff --git a/src/frontend/src/pages/FlowPage/components/flowSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/flowSidebarComponent/index.tsx
@@ -331,7 +331,6 @@ export function FlowSidebarComponent() {
             className="absolute inset-y-0 left-2 top-1/2 h-4 w-4 -translate-y-1/2 text-primary"
           />
           <Input
-            autoComplete="off"
             ref={searchInputRef}
             type="search"
             data-testid="sidebar-search-input"