ТОЛЬКО САФАРИ
Я столкнулся со странной ошибкой в настольном Safari.
Я хотел отобразить модальный после достижения некоторой точки при прокрутке сайта. К сожалению, когда мы делаем это в сафари, модал не кликабелен (проблема z-index?) Я использую реагировать + реактивный модал, но думаю, что этот вопрос не связан ни с одним из них.
Исходный код + демо: https://codesandbox.io/s/p5x9331y8x
Я заметил, что когда мы включим функцию запуска в setTimeout(), мы сможем увидеть, что модальный режим перестает работать, только когда он появляется во время события прокрутки. https://codesandbox.io/s/3q7rmpj1mq
Ofc setTimeout() не является решением здесь ...
Я обнаружил проблемы, связанные с этим, но ни один из них точно не соответствует моей проблеме:
Также, когда на теле нет overflow: hidden, оно работает должным образом, но это тоже не решение (очевидно, мы хотим предотвратить прокрутку фона).
Примечание: Что касается демо, то модальное появляется после достижения последнего раздела страницы (эта проблема воссоздается). Хорошо открыть страницу в полноэкранном режиме для тестирования.
Любая помощь будет очень признательна.