Задать вопрос
@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
  • Вопрос задан
  • 173 просмотра
Подписаться 1 Сложный Комментировать
Помогут разобраться в теме Все курсы
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
  • Skypro
    JavaScript-разработчик с нуля
    9 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

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