document.elementsFromPoint Polyfill

elementsfrompoint.js

'use strict';

if (!document.elementsFromPoint) {
    document.elementsFromPoint = elementsFromPoint;
}

function elementsFromPoint(x, y) {
    var parents = [];
    var parent = void 0;
    do {
        if (parent !== document.elementFromPoint(x, y)) {
            parent = document.elementFromPoint(x, y);
            parents.push(parent);
            parent.style.pointerEvents = 'none';
        } else {
            parent = false;
        }
    } while (parent);
    parents.forEach(function (parent) {
        return parent.style.pointerEvents = 'all';
    });
    return parents;
}

Thanks! Works for me.

Thanks! It works great but I've changed a bit the if condition. If document.elementFromPoint(x, y) returns null it would raise an error since at this point parent.style.pointerEvents the parent would be null.

I've updated my code with:

...
const element = document.elementFromPoint(x, y);
if (element && parent !== element) {
            parent = element;
            parents.push(parent);
            parent.style.pointerEvents = 'none';
} else {
...