diff --git a/src/components/Dashboard/common/FilterInput.jsx b/src/components/Dashboard/common/FilterInput.jsx index c2ba552..3dd0e03 100644 --- a/src/components/Dashboard/common/FilterInput.jsx +++ b/src/components/Dashboard/common/FilterInput.jsx @@ -913,7 +913,10 @@ const FilterInput = ({ cursor: disabled ? 'not-allowed' : 'text', ...style, // Affix ::before strut needs inline-flex; display:block stacks it and inflates height. - display: 'inline-flex' + display: 'inline-flex', + // Stay above Compact siblings so the focus ring isn't covered by Select/Button. + position: 'relative', + zIndex: focused ? 3 : style?.zIndex }} onClick={() => { if (!disabled) editorRef.current?.focus() @@ -1028,12 +1031,7 @@ const FilterInput = ({ )} - - ) - - return wrapSharedCSSVar( - wrapCSSVar( - propertyFilterEnabled ? ( + {propertyFilterEnabled && ( - {input} + {/* Anchor only — keep Popover from wrapping the Compact item (z-index/focus ring). */} + - ) : ( - input - ) - ) + )} + ) + + return wrapSharedCSSVar(wrapCSSVar(input)) } FilterInput.propTypes = {