onblur event on filters url query removed

This commit is contained in:
ronronscelestes 2021-11-09 11:13:22 +01:00
parent 197aaf7b58
commit 3fed8154c3
3 changed files with 0 additions and 52 deletions

View File

@ -12,23 +12,6 @@ const Filters = ({ displayedFilters }) => {
const buttonRef = useRef();
const { trackUsage } = useTracking();
const handleBlur = e => {
// TO FIX - select's modals prevent blur to work correctly
const notNull = e.currentTarget !== null && e.relatedTarget !== null;
const ulListBox = document.querySelector('[role="listbox"]');
const selectDate = document.querySelector('[role="dialog"]');
if (
!e.currentTarget.contains(e.relatedTarget) &&
e.relatedTarget !== buttonRef.current &&
e.relatedTarget !== ulListBox &&
!selectDate.contains(e.relatedTarget) &&
notNull
) {
setIsVisible(false);
}
};
const handleToggle = () => {
if (!isVisible) {
trackUsage('willFilterEntries');
@ -52,7 +35,6 @@ const Filters = ({ displayedFilters }) => {
<FilterPopoverURLQuery
displayedFilters={displayedFilters}
isVisible={isVisible}
onBlur={handleBlur}
onToggle={handleToggle}
source={buttonRef}
/>

View File

@ -11,21 +11,6 @@ const Filters = ({ displayedFilters }) => {
const { formatMessage } = useIntl();
const buttonRef = useRef();
const handleBlur = e => {
// TO FIX - select's modals prevent blur to work correctly
const notNull = e.currentTarget !== null && e.relatedTarget !== null;
const ulListBox = document.querySelector('[role="listbox"]');
if (
!e.currentTarget.contains(e.relatedTarget) &&
e.relatedTarget !== buttonRef.current &&
e.relatedTarget !== ulListBox &&
notNull
) {
setIsVisible(false);
}
};
const handleToggle = () => {
setIsVisible(prev => !prev);
};
@ -46,7 +31,6 @@ const Filters = ({ displayedFilters }) => {
<FilterPopoverURLQuery
displayedFilters={displayedFilters}
isVisible={isVisible}
onBlur={handleBlur}
onToggle={handleToggle}
source={buttonRef}
/>

View File

@ -45,23 +45,6 @@ export const Filters = () => {
const toggleFilter = () => setVisible(prev => !prev);
const handleBlur = e => {
// TO FIX - select's modals prevent blur to work correctly
const notNull = e.currentTarget !== null && e.relatedTarget !== null;
const ulListBox = document.querySelector('[role="listbox"]');
const selectDate = document.querySelector('[role="dialog"]');
if (
!e.currentTarget.contains(e.relatedTarget) &&
e.relatedTarget !== buttonRef.current &&
e.relatedTarget !== ulListBox &&
!selectDate.contains(e.relatedTarget) &&
notNull
) {
setVisible(false);
}
};
const handleRemoveFilter = nextFilters => {
setQuery({ filters: { $and: nextFilters }, page: 1 });
};
@ -85,7 +68,6 @@ export const Filters = () => {
<FilterPopover
displayedFilters={displayedFilters}
filters={filters}
onBlur={handleBlur}
onSubmit={handleSubmit}
onToggle={toggleFilter}
source={buttonRef}