Vuetify: v-toolbar-side-icon doesn't work with hidden-sm-and-up class and @click.native.stop does not work anymore
Steps to reproduce
When using v-toolbar-side-icon with hidden-sm-and-up class - icon does not get hidden when screen size is sm.
@click.native.stop doesn't work as well. @click.stop works.
Versions
0.14.10
What is expected ?
hidden-sm-and-up work with v-toolbar-side-icon
What is actually happening ?
Not working
Reproduction Link
JerryCBH
All 9 comments
You don't need the .native modifier anymore thanks to a recent Vue update
nekosaur
on 13 Aug 2017
Thank you
JerryCBH
on 14 Aug 2017
same here, had this fixed ?
update: in vuetify 0.14.0 this not happend, but when upgrade to 0.14.11 this not show exactly !
lyquocnam
on 18 Aug 2017
It has not been released yet.
nekosaur
on 18 Aug 2017
When it will be fixed?
bharathvaj-ganesan
on 21 Aug 2017
since v-toolbar-side-icon is just eating the class, you can wrap v-toolbar-side-icon in a span and apply the class to the span instead to get around this bug atm.
EliCDavis
on 27 Aug 2017
wrapping the v-toolbar-side-icon with span worked for me. this is probably fine for now.
<span class="hidden-sm-and-up">
<v-toolbar-side-icon>
</v-toolbar-side-icon>
</span>
sf9v
on 28 Aug 2017
the trick worked! thanks.
brynearsenal
on 28 Aug 2017
![lock[bot] picture](https://avatars1.githubusercontent.com/in/6672?v=4&s=40)
lock[bot]
Related issues
itanka9
路
3Comments
Webifi
路
3Comments
chriswa
路
3Comments
dschreij
路
3Comments
ricardovanlaarhoven
路
3Comments
Most helpful comment
since
v-toolbar-side-iconis just eating the class, you can wrapv-toolbar-side-iconin aspanand apply the class to the span instead to get around this bug atm.