fix: remove autocomplete on filter bar and update filter actions (#43020)

## I have read the
[CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md)
file.

YES

## What kind of change does this PR introduce?

- remove auto complete from filter bar + password manager 
- Update color of operator
This commit is contained in:
Ali Waseem authored and GitHub committed 2026-02-19 15:46:35 +00:00
1 parent 682931e6c8
commit b764e57b65
2 files changed
+17 -1

No files matched your search

@@ -242,11 +242,15 @@ export function FilterCondition({
onFocus={() => handleOperatorFocus(path)}
onBlur={handleOperatorBlur}
onKeyDown={handleOperatorKeyDown}
className="h-full border-none bg-transparent py-0 px-1 text-center text-xs focus:outline-none focus:ring-0 focus:shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 text-brand w-full absolute left-0 top-0"
className="h-full border-none bg-transparent py-0 px-1 text-center text-xs focus:outline-none focus:ring-0 focus:shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 text-foreground w-full absolute left-0 top-0"
disabled={isLoading}
aria-label={`Operator for ${property.label}`}
data-testid={`filter-operator-${property.name}`}
tabIndex={-1}
autoComplete="off"
data-1p-ignore
data-lpignore="true"
data-form-type="other"
/>
<span className="invisible whitespace-pre text-xs block px-1 shrink-0 px-1">
{condition.operator || ' '}
@@ -291,6 +295,10 @@ export function FilterCondition({
aria-label={`Value for ${property.label}`}
data-testid={`filter-value-${property.name}`}
tabIndex={-1}
autoComplete="off"
data-1p-ignore
data-lpignore="true"
data-form-type="other"
/>
<span className="invisible whitespace-pre text-xs block px-1">{localValue || ' '}</span>
</div>
@@ -196,6 +196,10 @@ export function FilterGroup({ group, path }: FilterGroupProps) {
}
disabled={isLoading}
data-testid="filter-bar-freeform-input"
autoComplete="off"
data-1p-ignore
data-lpignore="true"
data-form-type="other"
/>
) : (
<div className="relative inline-block">
@@ -210,6 +214,10 @@ export function FilterGroup({ group, path }: FilterGroupProps) {
className="h-full border-none bg-transparent py-0 text-xs focus:outline-none focus:ring-0 focus:shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 w-full absolute left-0 top-0 px-2"
placeholder="+ Add filter"
disabled={isLoading}
autoComplete="off"
data-1p-ignore
data-lpignore="true"
data-form-type="other"
/>
<span className="invisible whitespace-pre text-xs block">
{(isActive ? freeformText : localFreeformValue) || '+'}