Merge branch 'main' into kw-enable-debug-log-level

frontend/package.json

@@ -149,7 +149,8 @@
     "coveragePathIgnorePatterns": [
       "<rootDir>/src/index.js",
       "<rootDir>/src/setupProxy.js",
-      "<rootDir>/src/pages/NotFound/index.js"
+      "<rootDir>/src/pages/NotFound/index.js",
+      "<rootDir>/src/polyfills.js"
     ],
     "coverageThreshold": {
       "global": {

frontend/src/index.js

@@ -1,5 +1,6 @@
 import 'react-app-polyfill/ie11';
 import 'react-app-polyfill/stable';
+import './polyfills';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.css';

frontend/src/pages/Landing/Filter.js

@@ -76,6 +76,10 @@ function Filter({ applyFilters, forMyAlerts }) {
     // https://reactjs.org/docs/events.html#detecting-focus-entering-and-leaving
     // e.relatedTarget can be null when focus changes within the menu (when using VoiceOver)
 
+    /**
+     * We check for these because if we don't, the filter menu will abruptly close when the calendar day
+     * or the month navigation buttons are clicked, rendering the date picker un-usable
+     */
     const isCalendarControl = e.target.matches('.CalendarDay, .DayPickerNavigation_button');
 
     if (!isCalendarControl && !e.currentTarget.contains(e.relatedTarget)) {

frontend/src/polyfills.js

@@ -0,0 +1,4 @@
+if (!Element.prototype.matches) {
+  Element.prototype.matches = Element.prototype.msMatchesSelector
+                                || Element.prototype.webkitMatchesSelector;
+}