fix: mobile autocomplete modals (#6741)

When filtering for accounts in e.g. the net worth graph the modal closes
the filter the tooltip so it's impossible to add e.g. accounts to the
filter.
This commit is contained in:
Mats Nilsson
2026-03-13 16:03:38 +01:00
committed by GitHub
parent 031aac9799
commit 5d4bbc9ebb
3 changed files with 36 additions and 2 deletions

View File

@@ -131,9 +131,23 @@ export function FilterExpression<T extends RuleConditionEntity>({
return false;
}
if (
element instanceof HTMLElement &&
(element.closest('[data-testid="account-autocomplete-modal"]') ||
element.closest('[data-testid="payee-autocomplete-modal"]') ||
element.closest('[data-testid="category-autocomplete-modal"]'))
) {
return false;
}
return true;
}}
style={{ width: 275, padding: 15, color: theme.menuItemText }}
style={{
width: 275,
padding: 15,
color: theme.menuItemText,
zIndex: '2500 !important',
}}
data-testid="filters-menu-tooltip"
>
<FilterEditor

View File

@@ -555,9 +555,23 @@ export function FilterButton<T extends RuleConditionEntity>({
return false;
}
if (
element instanceof HTMLElement &&
(element.closest('[data-testid="account-autocomplete-modal"]') ||
element.closest('[data-testid="payee-autocomplete-modal"]') ||
element.closest('[data-testid="category-autocomplete-modal"]'))
) {
return false;
}
return true;
}}
style={{ width: 275, padding: 15, color: theme.menuItemText }}
style={{
width: 275,
padding: 15,
color: theme.menuItemText,
zIndex: '2500 !important',
}}
data-testid="filters-menu-tooltip"
>
{state.field && (