Polyfill error at contains function on SVG element on IE11

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: Master
• Fix Version/s: 7.1.X, 7.2.X, Master
• Component/s: Frontend Infrastructure
• Labels:
  • ee-ts
  • liferay-fixpack-dxp-3-7210
• Branch Version/s:
  7.2.x, 7.1.x
• Backported to Branch:
  Committed
• Fix Priority: 4
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/79137

The issue is not reproducable on master, but it will be commited to the master branch and backport to 72x and 71x.

Backporting core-js polyfill based on the LPS-95425 to 71x cause regression on IE11.

There is a JS error on the
Control Panel/Configuration/System Settings page:

"TypeError: Object doesn't support property or method 'contains'
 at getFocusedPath (edited) 

 
The IE11 has issue with the contains function in incremental-dom-cjs.js:

var getFocusedPath = function (node, root) {
  var activeElement = getActiveElement(node);

  if (!activeElement || !node.contains(activeElement)) {
    return [];
  }

  return getAncestry(activeElement, root);
};

In that point, in 7.1.x node variable is an SVG element. With a regular browser that wouldn't be a problem.