Я работаю над SVG Graph (Dagre D3), и в моем SVG-коде родительский элемент g
(с классом edgeLabel) выглядит уже, чем его требуемый размер и его дочерние элементы. Это приводит к тому, что сообщение на моем ярлыке не помещается (см. Скриншот)
Таким образом, необходимая ширина составляет 152,5 (для foreignObject
), но я вижу в своем браузере (последний Chrome) 137,25, что не очень хорошо. Я пытался изменить некоторые стили CSS (ширина, минимальная ширина и т. Д.), Но это не сработало. Любые идеи, как это исправить, приветствуются. Спасибо.
UPD_1
g
родитель выглядит следующим образом:
его размер больше, чем его дочерний элемент edgeLabel
, что вызывает проблему
UPD_2
в любом случае, для отображения содержимого достаточно 152 размера. Если мы вручную увеличим ширину, она появится, но размер контейнера будет меньше необходимого: