maxmustermann/kibana
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

[User Experience] Search filter input - remove undesired blur (#110314)

Browse source 
* ux filter input - remove undesired blur on input field

* adjust types
This commit is contained in:
Dominique Clarke 2021-08-26 19:01:55 -04:00 committed by GitHub
parent 682bc7c771
commit cf24e6ca76
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 56 additions and 66 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
x-pack/plugins/apm/public/components/app/RumDashboard/URLFilter/URLSearch/SelectableUrlList.tsx
View file

@ -27,7 +27,6 @@ import {
EuiIcon,
EuiBadge,
EuiButtonIcon,
EuiOutsideClickDetector,
} from '@elastic/eui';
import { FormattedMessage } from '@kbn/i18n/react';
import { i18n } from '@kbn/i18n';
@ -100,9 +99,6 @@ export function SelectableUrlList({
onTermChange();
onApply();
setPopoverIsOpen(false);
if (searchRef) {
searchRef.blur();
}
}
};
@ -120,15 +116,11 @@ export function SelectableUrlList({
const closePopover = () => {
setPopoverIsOpen(false);
if (searchRef) {
searchRef.blur();
}
};
// @ts-ignore - not sure, why it's not working
useEvent('keydown', onEnterKey, searchRef);
useEvent('escape', () => setPopoverIsOpen(false), searchRef);
useEvent('blur', () => setPopoverIsOpen(false), searchRef);
useEffect(() => {
if (searchRef && initialValue) {
@ -207,7 +199,6 @@ export function SelectableUrlList({
allowExclusions={true}
>
{(list, search) => (
<EuiOutsideClickDetector onOutsideClick={() => closePopover()}>
<EuiPopover
panelPaddingSize="none"
isOpen={popoverIsOpen}
@ -265,7 +256,6 @@ export function SelectableUrlList({
</EuiPopoverFooter>
</div>
</EuiPopover>
</EuiOutsideClickDetector>
)}
</EuiSelectable>
);