diff --git a/x-pack/plugins/apm/e2e/cypress/support/step_definitions/csm/url_search_filter.ts b/x-pack/plugins/apm/e2e/cypress/support/step_definitions/csm/url_search_filter.ts index 33302f2edd71c8..c62a8d2e1138fc 100644 --- a/x-pack/plugins/apm/e2e/cypress/support/step_definitions/csm/url_search_filter.ts +++ b/x-pack/plugins/apm/e2e/cypress/support/step_definitions/csm/url_search_filter.ts @@ -55,7 +55,7 @@ Then(`it should filter results based on query`, () => { listOfUrls.should('have.length', 1); const actualUrlsText = [ - 'http://opbeans-node:3000/customersPage views: 10Page load duration: 76.3975 ms Select', + 'http://opbeans-node:3000/customersPage views: 10Page load duration: 76 ms Select', ]; cy.get('li.euiSelectableListItem') diff --git a/x-pack/plugins/apm/public/components/app/RumDashboard/URLFilter/URLSearch/index.tsx b/x-pack/plugins/apm/public/components/app/RumDashboard/URLFilter/URLSearch/index.tsx index c1f469452d7c61..17e8a707661f68 100644 --- a/x-pack/plugins/apm/public/components/app/RumDashboard/URLFilter/URLSearch/index.tsx +++ b/x-pack/plugins/apm/public/components/app/RumDashboard/URLFilter/URLSearch/index.tsx @@ -12,6 +12,8 @@ import { EuiSelectableTemplateSitewideOption, EuiTitle, EuiLoadingSpinner, + EuiHeaderSectionItemButton, + EuiIcon, } from '@elastic/eui'; import useDebounce from 'react-use/lib/useDebounce'; import React, { useEffect, useState, FormEvent, useCallback } from 'react'; @@ -176,6 +178,12 @@ export function URLSearch({ onChange: onFilterChange }: Props) { isLoading={isLoading} onChange={onChange} options={items} + popoverButtonBreakpoints={['xs', 's']} + popoverButton={ + + + + } searchProps={{ placeholder: I18LABELS.searchByUrl, onInput: onInputChange,