Задать вопрос
@Acharist
Front-end developer

Как исправить баг с rect и clip-path в safari?

Установка связей между элементами путем клика на айтемы.

Проблема: Линии не корректно обрезаются в сафари при использовании svg масок.

В приложении используется библиотека leader-line. Проблема ее в том, что svg элементы (линии) добавляются внутрь body, переместить их внутрь контейнера с overflow hidden, например, не получится, так как в таком случае не будет правильно расчитываться позиция для линий.

На просторах интернета было найдено решение автора данной библиотеки:
https://github.com/anseki/leader-line/issues/54
https://jsfiddle.net/fycsLtvb/
К сожаление оно также не работает в сафари.
Вероятно это как-то связано с clip-path и элементом rect

6203a85bba000637226483.jpeg
6203a86b64e93881612534.png
  • Вопрос задан
  • 172 просмотра
Подписаться 1 Сложный Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы