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

feat: disable browser autocomplete on popover input fields (#4573)

Browse source 
* ✨ (inputComponent): add 'autoComplete="off"' attribute to input components in popover and popoverObject to disable browser auto-fill feature

* ✨ (dropdownComponent/index.tsx): add autoComplete="off" attribute to input field to disable browser autocomplete feature

* ✨ (flowSidebarComponent/index.tsx): add 'autoComplete="off"' attribute to the search input field to disable browser autocomplete feature

* 📝 (inputComponent): Remove autoComplete="off" attribute from Input components 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

---------

Co-authored-by: anovazzi1 <otavio2204@gmail.com>
This commit is contained in:
Cristhian Zanforlin Lousa 2024-11-22 17:13:49 -03:00 • committed by GitHub
commit 0a42341a5c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 3 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/frontend/src/components/dropdownComponent/index.tsx
View file

@ -121,6 +121,7 @@ export default function Dropdown({
onChange={searchRoleByTerm} onChange={searchRoleByTerm}
placeholder="Search options..." placeholder="Search options..."
className="flex h-9 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50" className="flex h-9 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50"
autoComplete="off"
/> />
</div> </div>
); );

1
src/frontend/src/components/inputComponent/components/popover/index.tsx
View file

@ -114,6 +114,7 @@ const CustomInputPopover = ({
{!selectedOption && ( {!selectedOption && (
<input <input
autoComplete="off"
onFocus={() => setIsFocused(true)} onFocus={() => setIsFocused(true)}
autoFocus={autoFocus} autoFocus={autoFocus}
id={id} id={id}

1
src/frontend/src/components/ui/input.tsx
View file

@ -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" className="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 transform text-muted-foreground"
/> />
<input <input
autoComplete="off"
data-testid="" data-testid=""
type={type} type={type}
className={cn( className={cn(

1
src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
View file

@ -191,7 +191,6 @@ export default function ExtraSidebar(): JSX.Element {
// Set search input state // Set search input state
setSearch(event.target.value); setSearch(event.target.value);
}} }}
autoComplete="off"
readOnly readOnly
onClick={() => onClick={() =>
document?.getElementById("search")?.removeAttribute("readonly") document?.getElementById("search")?.removeAttribute("readonly")