Почему svg не резиновый?

Question

[zlodiak]

В angular добавил библиотеку D3 и нарисовал оси графика. при этом прописал значения для вьюпорта svg и ширину родительского контейнера: STACKBLITZ DEMO

Проблема в том, что svg не подстраивается под ширину окна браузера(или родительского контейнера). Помогите пожалуйста её решить. Тем более, что тот же самый код работает без проблем вне контекста ангуляра: JSFIDDLE

tpl:

<div class="cost-square-wrap">
  <svg id="costSquareGraph" viewbox="0 0 1200 250"></svg> 
</div>

css:

.cost-square-wrap {
    width: 100%;
}

svg {
    width: 100%;
    min-height: 250px;
}

Answer 1

[Web Developer]

Для ангуляра требуется верно указывать имя свойства с большой буквой.
"viewBox"