У меня есть SVG, и я добавляю в него посторонний объект (HTML div).Я хотел бы сделать div (или посторонний объект) прокручиваемым.Однако, если я установлю точную высоту для постороннего объекта и overflow-y: auto, это работает в Chrome, но не работает в Safari.Мой код выглядит следующим образом:
<foreignObject x="400" y="0" width="260" height="554" class="foreignObject">
<div ...></div>
</foreignObject>
, а затем у меня есть
.foreignObject {
overflow-y: auto;
}
в CSS.Я не мог найти причину, почему вышеупомянутое не будет работать в Safari.Есть идеи?
Еще одна вещь, которую я пробовал, - установить height и overflow-y в div внутри foreignObject.Однако, когда я делаю это, содержимое div увеличивается и перемещается.В моем SVG установлено свойство viewBox и preserveAspectRatio="xMidYMin meet" - из-за этого?Как я могу это исправить?