Home

Issue: 3214

loadingIndicator style on IE11

[issue link]

Version

v1.4.0

Reproduction link

https://codepen.io/rktyt/pen/jzJyem

Steps to reproduce

Please look on IE11.

What is expected ?

The loading indicator shuld be center.

What is actually happening?

The loading indicator was not center.

Additional comments?

https://github.com/nuxt/nuxt.js/tree/v1.4.0/lib/app/views/loading

Solved style:

body, html, #__nuxt {
  background-color: <%= options.background %>;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

or

body, html, #__nuxt {
  background-color: <%= options.background %>;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 0;
}
This bug report is available on Nuxt.js community (#c6882)