score:1

I'm facing the same problem. I found a work arround by setting a fixed height for the svg container as following:

<svg viewBox="200 100 900 500"  xml:space="preserve" width="79%" height="500">

This worked for me

score:1

Put the height in your css, this way you can seperate your styling for IE and other browsers. Fixed it for me in IE11.

/* for normal working browsers */    
svg {
  height: 80%;
}

/* for IE10+ */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
svg {
  /* IE needs a fixed height */
  height: 225px !important;
}

}


More Query from same tag