Bootstrap CSS shape-outside не работает в Safari
Я пытаюсь обернуть текст вокруг фигур, и это хорошо работает в Firefox и Chrome. Однако в Safari это дает неверный результат. См. следующий код (лучше рассматривать в развернутом виде):
В Safari текст не оборачивается вокруг треугольника. Если вы удалите элемент внутри<p>, текст обтекает треугольник, как и ожидалось. Я не могу удалить зависимость от Bootstrap, и<strong>это просто пример наличия элементов внутри абзацев. В нашем производственном коде у нас есть<a>ссылки, которые должны быть встроены в абзац.
Что еще более странно, если вы хоть немного уменьшите экран, текст переносится, как и ожидалось. Обновление страницы возвращает исходную проблему и предотвращает перенос. Что может быть сделано?
РЕДАКТИРОВАТЬ: вот скрипт приведенного выше кода: https://jsfiddle.net/6jfh4ged/2/