Vuetify: [Bug Report] Spacing issue with an app absolute inset footer

Created on 28 Jul 2019  路  1Comment  路  Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.0.2
Last working version: 1.5.16
Vue Version: 2.6.10
Browsers: Chrome 75.0.3770.142
OS: Linux x86_64

Steps to reproduce

Hi,

see attached codepen to see the issue :

  • use a footer with the app absolute inset properties inside a v-app with contains a navigation drawer
  • to see the issue, make the footer contain some items with, for instance, a justify-end layout

Expected Behavior

the footer should be properly sized and all its items visible (ok in Vuetify 1.5)

Actual Behavior

the footer items overflow on the right, as if the footer width was not properly computed with the drawer

Reproduction Link

https://codepen.io/tomparle/pen/MNJaXb

VFooter bug has workaround

Most helpful comment

The problem is the Footer have width: 100% , solved with width:auto

https://codepen.io/mrjmpl3/pen/VopjNd

>All comments

The problem is the Footer have width: 100% , solved with width:auto

https://codepen.io/mrjmpl3/pen/VopjNd

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Antway picture Antway  路  3Comments

gluons picture gluons  路  3Comments

Webifi picture Webifi  路  3Comments

efootstep picture efootstep  路  3Comments

dohomi picture dohomi  路  3Comments