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

Question

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

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

<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>

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