Vuetify: [Bug Report] Container with fill-height makes row smaller than it should

[mrodal]

Environment

Vuetify Version: 2.1.11
Vue Version: 2.6.10
Browsers: Chrome 78.0.3904.97
OS: Windows 10

Steps to reproduce

Set a container with fill-height
Add a row

Expected Behavior

row is centered on container

Actual Behavior

Row is not centered

Reproduction Link

Here you can see that theres more space to the right of the row than to the left:
https://codepen.io/mrodal/pen/GRRLBvm

Other comments

What I could find is that this style looks like the culprit

.container.fill-height>.row {
    max-width: 100%;
}

When taken away, the issue is fixed.. I dont know if removing it breaks something else

[rodrigoterminus]

I can confirm the issue. I spent a long time after updating Vuetify trying to find out what I was doing wrong. 😅

It seems that the issue was somehow introduced by #9731.

[piotrek-szczygiel]

Use style="max-width: initial" as a temporary fix.

[arminmon]

Use style="max-width: initial" as a temporary fix.

Did the trick. Thanks.

[lampewebdev]

Thanks style="max-width: initial" worked als for me!

I hope there will be a fix soon for this.

This bug even breaks the official pre-made layouts.

[janmichek]

For me worked this temporary solution

  .container.fill-height > .row {
    max-width: initial;
    width: 100%;
  }

[simonmaass]

this isnt fixed!