Vuetify: Fab button overlap toolbar

Created on 19 Oct 2017  路  5Comments  路  Source: vuetifyjs/vuetify

Steps to reproduce

Go to docs, https://vuetifyjs.com/components/buttons, step 6. If set button to fab, it overlap the toolbar.

Versions

v 0.16

What is expected ?

The button should stay behind the toolbar

What is actually happening ?

The button, if setted to fab overlap the toolbar

Reproduction Link

https://vuetifyjs.com/components/buttons, step 6

bug
Source
picture stecapra
👍7 😄1

Most helpful comment

fab still overlapping for your reference https://codepen.io/anon/pen/ppNrdz?&editors=101

resoled by adding z-index:0 in the native style=""

picture pianointhedark on 24 Dec 2017
👍7

All 5 comments

Glad someone else noticed this!

EvanZ picture EvanZ on 3 Nov 2017

+1

tutley picture tutley on 6 Nov 2017

This has been resolved in dev.

johnleider picture johnleider on 8 Nov 2017

fab still overlapping for your reference https://codepen.io/anon/pen/ppNrdz?&editors=101

resoled by adding z-index:0 in the native style=""

pianointhedark picture pianointhedark on 24 Dec 2017
👍7

@pianointhedark It solved the problem. Thanks.

matthelosh picture matthelosh on 4 Jul 2018
Was this page helpful?
0 / 5 - 0 ratings

Related issues

smousa picture smousa  路  3Comments
aaronjpitts picture aaronjpitts  路  3Comments
sebastianmacias picture sebastianmacias  路  3Comments
paladin2005 picture paladin2005  路  3Comments
milleraa picture milleraa  路  3Comments