Bulma: IE11 , "hero.is-fullheight > hero-body" is not in middle center

[HAKASHUN]

This is about Bulma.

Overview of the problem

This is about the Bulma CSS framework
I'm using Bulma version [0.7.2]
My browser is: IE11
I am sure this issue is not a duplicate?

Description

"hero.is-fullheight > hero-body" is not in middle center on IE11.

Steps to Reproduce

<section class="hero is-success is-fullheight">
  <div class="hero-body">
    <div class="container">
      <h1 class="title">
        Fullheight title
      </h1>
      <h2 class="subtitle">
        Fullheight subtitle
      </h2>
    </div>
  </div>
</section>

This issue can be found in the "Fullscreen vertical centering" section of https://bulma.io.

Expected behavior

Actual behavior

[tomik23]

Adding min-height: 100vh to hero-body fixes the problem with IE11 and IE10

<style>
    .hero.is-halfheight .hero-body,
    .hero.is-fullheight .hero-body,
    .hero.is-fullheight-with-navbar .hero-body {
      align-items: center;
      display: flex;
      min-height: 100vh;
    }
</style>

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[ivanjeremic]

the issue still exists the above solution is not working anymore.