From f792287a3bee60b8e228f06eb82a804486627ba0 Mon Sep 17 00:00:00 2001 From: Nick Peihl Date: Mon, 9 Sep 2019 10:20:51 -0500 Subject: [PATCH] Fix transparent sprites in IE11 (#45108) * Fix transparent sprites in IE11 IE11 can not load data URIs via XHR. Instead, we create a new Image and assign the src to the data uri for the transparent image. * eslint appeasement --- .../maps/public/connected_components/map/mb/view.js | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/x-pack/legacy/plugins/maps/public/connected_components/map/mb/view.js b/x-pack/legacy/plugins/maps/public/connected_components/map/mb/view.js index 28c32f59912c..63f29f38cdc2 100644 --- a/x-pack/legacy/plugins/maps/public/connected_components/map/mb/view.js +++ b/x-pack/legacy/plugins/maps/public/connected_components/map/mb/view.js @@ -46,9 +46,6 @@ const TOOLTIP_TYPE = { LOCKED: 'LOCKED' }; -// eslint-disable-next-line max-len,camelcase -const TRANSPARENT_1x1_BASE64_URI = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII='; - export class MBMapContainer extends React.Component { state = { @@ -396,10 +393,11 @@ export class MBMapContainer extends React.Component { } }); mbMap.on('load', () => { - mbMap.loadImage(TRANSPARENT_1x1_BASE64_URI, (error, data) => { - emptyImage = data; - resolve(mbMap); - }); + emptyImage = new Image(); + // eslint-disable-next-line max-len + emptyImage.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII='; + emptyImage.crossOrigin = 'anonymous'; + resolve(mbMap); }); }); }