From 4fd61b3731cfda39b815c19a6d367853798d9119 Mon Sep 17 00:00:00 2001 From: Chi Vinh Le Date: Thu, 15 Nov 2018 23:51:14 +0100 Subject: [PATCH 1/2] fix: polyfill missing forEach for NodeLists in IE11 --- client/coral-admin/src/index.js | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/client/coral-admin/src/index.js b/client/coral-admin/src/index.js index 158870dec..b1232a049 100644 --- a/client/coral-admin/src/index.js +++ b/client/coral-admin/src/index.js @@ -14,6 +14,11 @@ import { hideShortcutsNote } from './actions/moderation'; smoothscroll.polyfill(); +if (!NodeList.prototype.forEach) { + // Polyfill IE11 missing forEach in NodeList. + NodeList.prototype.forEach = Array.prototype.forEach; +} + function init({ store, localStorage }) { const shouldHide = localStorage.getItem('coral:shortcutsNote') === 'hide'; if (shouldHide) { From 396ccbd6c2e67a6a9835442c6a0a7fadbb1b7e2b Mon Sep 17 00:00:00 2001 From: Chi Vinh Le Date: Thu, 15 Nov 2018 23:51:28 +0100 Subject: [PATCH 2/2] fix: workaround flexbox bug in IE11 --- .../src/routes/Moderation/components/Comment.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/client/coral-admin/src/routes/Moderation/components/Comment.css b/client/coral-admin/src/routes/Moderation/components/Comment.css index 5cd6a6ae2..282a83f3e 100644 --- a/client/coral-admin/src/routes/Moderation/components/Comment.css +++ b/client/coral-admin/src/routes/Moderation/components/Comment.css @@ -68,7 +68,12 @@ margin-top: 0px; flex: 1; color: black; - max-width: 500px; + /* + IE11 fix – Next line was supposed to be: + max-width: 500px; + */ + padding-right: 20px; + /** IE11 fix end **/ font-weight: 300; font-size: 16px; overflow-wrap: break-word;