feat: allow applying filters with Enter key

This commit is contained in:
Christian Vidal Wolf
2026-04-24 17:20:47 +02:00
parent ef9cd53558
commit 91fe855434
2 changed files with 7 additions and 4 deletions
+5 -3
View File
@@ -245,9 +245,11 @@ export function ColumnFilterPopover({
value={search}
onChange={e => setSearch(e.target.value)}
onKeyDown={(e) => {
if (e.key === 'Enter' && search) {
if (e.key === 'Enter') {
e.preventDefault();
if (search) {
onSelectAll(filteredValues);
}
onClose();
}
}}
@@ -371,7 +373,7 @@ export function ColumnFilterPopover({
value={condition.value}
onChange={e => setCondition({ ...condition, value: e.target.value })}
onKeyDown={(e) => {
if (e.key === 'Enter' && condition.value) {
if (e.key === 'Enter') {
e.preventDefault();
applyCondition();
}
@@ -389,7 +391,7 @@ export function ColumnFilterPopover({
value={condition.value2 || ''}
onChange={e => setCondition({ ...condition, value2: e.target.value })}
onKeyDown={(e) => {
if (e.key === 'Enter' && condition.value && condition.value2) {
if (e.key === 'Enter') {
e.preventDefault();
applyCondition();
}
+1
View File
@@ -2086,6 +2086,7 @@ function TextFilterPopover({ value, onChange, onClose, triggerId }: {
placeholder={`Term ${idx + 1}...`}
value={term}
onChange={e => updateTerm(idx, e.target.value)}
onKeyDown={e => e.key === 'Enter' && onClose()}
autoFocus={idx === value.terms.length - 1}
className="w-full bg-slate-900 border border-slate-700 rounded-md p-2 pl-8 pr-8 text-xs text-white focus:outline-none focus:border-blue-500 transition-all"
/>