Динамическая высота в svg rect или перенос текста в svg rect

Question

Я использую ngx-графы, в которых я передаю шаблон узла, в котором я передаю некоторый текст.в настоящее время я использую <rect> в качестве родителя, а внутри родителя я использую <svg: text>, но текст не переносится на следующую строку.Он отображается в одной строке:

Я пытаюсь использовать <rect> height auto, а также <svg:foreignObject> bu, который также требует высоты, но не может быть успешным.Не могли бы вы предложить мне несколько идей, Заранее спасибо

<ng-template #nodeTemplate let-node>
      <svg:g class="node">
        <svg:rect rx="7" ry="7" [attr.width]="200" [attr.height]="'auto'">
          <ng-container>
            <svg:text alignment-baseline="hanging" [attr.fill]="'white'">
              <svg:tspan x="10" dy="1.5em"
                style="font-weight: bold; font-family: 'Century Gothic'; width: 100px; font-size: 18px; text-transform: capitalize;">
                {{node.label}}
              </svg:tspan>
            </svg:text>
          </ng-container>
        </svg:rect>
      </svg:g>
    </ng-template>

Ожидаемый результат - я хочу установить фиксированную ширину родительского контейнера текста и динамическую высоту