github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-23 17:28:26 -04:00
Code Issues Projects Releases Packages Wiki Activity

[Canvas] Fix incompatible ie11 method (#50007) (#50481)

Browse source 
* Fix incompatible ie11 method

* Comment about origin of polyfill
This commit is contained in:
Corey Robertson 2019-11-13 13:11:35 -05:00 • committed by GitHub
parent 824512d49a
commit 2fda59ba2b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 24 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

26
x-pack/legacy/plugins/canvas/public/components/workpad_page/workpad_interactive_page/index.js
View file

@ -58,6 +58,21 @@ const configuration = {
tooltipZ: 1100,
};
// Polyfill for browsers (IE11) that don't have element.closest
// From: https://developer.mozilla.org/en-US/docs/Web/API/Element/closest
function closest(s) {
let el = this;
const matchFn = el.matches ? 'matches' : 'msMatchesSelector';
do {
if (el[matchFn](s)) {
return el;
}
el = el.parentElement || el.parentNode;
} while (el !== null && el.nodeType === 1);
return null;
}
const componentLayoutState = ({
aeroStore,
setAeroStore,
@ -197,8 +212,15 @@ export const InteractivePage = compose(
})),
withProps((...props) => ({
...props,
canDragElement: element =>
!element.closest('.embeddable') || element.closest('.embPanel__header'),
canDragElement: element => {
const hasClosest = typeof element.closest === 'function';
if (hasClosest) {
return !element.closest('.embeddable') || element.closest('.embPanel__header');
} else {
return !closest.call(element, '.embeddable') || closest.call(element, '.embPanel__header');
}
},
})),
withHandlers(eventHandlers), // Captures user intent, needs to have reconciled state
() => InteractiveComponent