mirror of
https://github.com/strapi/strapi.git
synced 2025-09-16 20:10:05 +00:00
onblur event on filters url query removed
This commit is contained in:
parent
197aaf7b58
commit
3fed8154c3
@ -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}
|
||||
/>
|
||||
|
@ -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}
|
||||
/>
|
||||
|
@ -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}
|
||||
|
Loading…
x
Reference in New Issue
Block a user