Не работает Modal в IE

[ransoq]

Опишите проблему

При открытии модального окна возникает ошибка в IE 7-11 после обновления core до актуальной версии

Ожидаемое поведение

При нажатии на кнопку должно появится модальное окно в IE 7-11

Чек лист

• Тесты
• Документация

Внешний вид

Ожидаемый	Фактический

Тестовый стенд

Десктоп (если данных нет оставьте блок пустым):

• OS: Windows
• Browser: IE
• Version: 7-11

Смартфон (если данных нет оставьте блок пустым):

Дополнительная информация

Дополнительная информация

[RG100-EMUX]

IE 7-11 уже канули в лету, их использует очень низкий процент людей, насколько релевантно поддерживать эти версии IE? Можно на matches в своем проекте добавить полифил отсюда https://developer.mozilla.org/ru/docs/Web/API/Element/matches

[ransoq]

У подавляющего числа сотрудников браузером по умолчанию является Internet Explorer, из-за чего отказаться от его поддержки, на текущем этапе, не представляется возможным

[jkikksa]

примерно 25% пользователей портала AlfaPeople заходят из IE11 и дропать его поддержку мы не можем

[jkikksa]

полифил на matches не помогает. Опытным путём определил, что модалка начинает падать с версии 27.10.0, но не понимаю, что к этому могло привести )
v27.9.0...v27.10.0

[RG100-EMUX]

Добавление каретки автоматически может брать версии, например если ^3.9.2 зависимость, где версии будут 3.x.x, что потенциально может поломать в минорных версиях. Потенциально может быть в этом причина, но самостоятельно я проверить к сожалению не могу. А по стектрейсу можно как-то определить, в каком модуле происходит и на какой строчке?

[SiebenSieben]

Фиксим в IE11, более старые версии в этой библиотеке изначально не поддерживаем

[jkikksa]

опытным путём обнаружил, что проблема в обновлении react-focus-lock c 2.5.0 до 2.9.1

react-focus-lock@^2.5.0:
  version "2.9.1"

[v-gevak]

Для того, чтобы модальные окна работали в IE, необходимо установить полифил для element matches, например вот этот https://www.npmjs.com/package/element-matches-polyfill.

[jkikksa]

проблема не в element matches, а в обновлении версии react-focus-lock до 2.9.1
Вот код, на котором падает

мы используем следующий workaround

"resolutions": {
    "react-focus-lock": "2.5.0"
},

[v-gevak]

FocusLock использует под капотом element matches(https://github.com/theKashey/focus-lock/blob/master/src/utils/tabUtils.ts#L12). Я протестировал в IE, проблем не было. Значит у вас не хватает других полифилов.

[jkikksa]

а какие у тебя установленны полифилы? ) у нас используются
react-app-polyfill/ie11 и react-app-polyfill/stable

кстати вот изменения в react-focus-lock theKashey/react-focus-lock@v2.5.0...v2.9.0 после которых IE крашится, видимо тут тоже деле в какой-то зависимости глубже )

[v-gevak]

https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser-polyfill.min.js

[v-gevak]

C react-app-polyfill/ie11 и react-app-polyfill/stable тоже открылась

[v-gevak]