Ширина элемента DagreD3 SVG g уже, чем необходимо

Я работаю над графиком SVG (Dagre D3), и в моем родительском коде SVG элемент g (с классом edgeLabel) выглядит уже, чем его требуемый размер и его дочерние элементы. Это приводит к тому, что сообщение на моем ярлыке не помещается (см. скриншот)

Таким образом, требуемая ширина составляет 152,5 (для foreignObject), но я вижу в своем браузере (последняя версия Chrome) 137,25, что не очень хорошо. Я пытался изменить некоторые стили CSS (ширину, минимальную ширину и т. д.), но это не сработало. Любые идеи, как это исправить, приветствуются. Спасибо.

UPD_1

g родитель выглядит следующим образом:

Ширина элемента DagreD3 SVG g уже, чем необходимо

его размер больше, чем его дочерний элемент edgeLabel, что вызывает проблему

UPD_2

в любом случае, размера 152 достаточно для отображения контента. Если мы вручную увеличим ширину, она появится, но размер контейнера все равно будет меньше, чем нужно:

Ширина элемента DagreD3 SVG g уже, чем необходимо

Это невозможно. Элементы <g> всегда автоматически изменяют размер своих дочерних элементов. Ваша проблема в другом. Достаточно ли велик конечный родитель элемента <g>?

— 14.03.2019 17:58

да, его родитель больше, пожалуйста, смотрите обновление вопроса

— 14.03.2019 19:12

Укажите минимальный воспроизводимый пример. Изображения кода бесполезны.

— 14.03.2019 19:55

css svg

14.03.2019 17:51

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...