summaryrefslogtreecommitdiffstats
path: root/browser/extensions/webcompat/injections/js/bug1800131-www.almosafer.com-undisable-date-fields.js
blob: c897cf31d2ea3e0ce88d6a249a582f116a4c10ba (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
"use strict";

/**
 * Bug 1800131 - Cannot use date fields on Almosafer mobile page
 *
 * This patch ensures that the search input never has the [disabled]
 * attribute, so that users may tap/click on it to search.
 *
 * See https://bugzilla.mozilla.org/show_bug.cgi?id=1800131 for details.
 */

const SELECTOR = `
  input[data-testid="FlightHome__DatePicker__DepartureDate"][disabled], 
  input[data-testid="FlightHome__DatePicker__ReturnDate"][disabled]
`;

function check(target) {
  if (target.nodeName === "INPUT" && target.matches(SELECTOR)) {
    target.removeAttribute("disabled");
    return true;
  }
  return false;
}

new MutationObserver(mutations => {
  for (const { addedNodes, target, attributeName } of mutations) {
    if (attributeName === "disabled") {
      check(target);
    } else {
      addedNodes?.forEach(node => {
        if (!check(node)) {
          node
            .querySelectorAll?.(SELECTOR)
            ?.forEach(n => n.removeAttribute("disabled"));
        }
      });
    }
  }
}).observe(document, { attributes: true, childList: true, subtree: true });