SVG Modal не работает в Safari

Question

В MAC: Safari Когда щелкают значки, оно кажется не отвечающим, однако, если вы щелкнете правой кнопкой мыши и откроете ссылку на новую вкладку, откроется новая вкладка с открытым модалом.Так что это МОЖЕТ функционировать - это просто не совсем правильно.

Работает в IOS Firefox, Chrome и Windows Chrome, Firefox и IE.Модал открывается и закрывается без происшествий.

Живет на Codepen: https://codepen.io/Kallisti/pen/qKBPYd

Значок области

<g id="Freshen_Up"><title>Freshen Up</title>
  <a class="wraps" xlink:href="#popup2">

Соответствующая модальная область

<div id="popup2" class="overlay">
<div class="popup">
<h2>Freshen Up</h2>
<a class="close" href="#"><i class="fas fa-undo"></i></a>
<div class="content" style="color:white;">Lots of compelling text about paint goes here.<p style="font-family:'Roboto', Arial, sans-serif; font-size:25px; text-align:right;">
<a href="" id="Freshen_Up_text">Learn More</a>&nbsp;<span style="font-size:20px; color:#F96302;">&rsaquo;</span></p>
</div></div></div>

Answer 1

Чтобы исправить это в Safari, добавьте полный путь к вашим всплывающим окнам.

Например, для меня полный путь к # popup6: http://localhost:63342/untitled/as.html?_ijt=iu76dcvb0efa8l80bcetud0834#popup6

Проверьте это видео, прикрепленное cl.ly/ 1G092s332D1v