Vuetify: [Bug Report] letter-spacing in rtl languages

Created on 26 Jul 2019  路  2Comments  路  Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.0.1
Last working version: 2.0.1
Vue Version: 2.6.10
Browsers: Google Chrome, Safari, Microsoft Edge, Internet Explorer, Mozilla Firefox, Opera, Other
OS: Windows, Android, iOS, Mac OSX, Linux

Steps to reproduce

v-btn

Expected Behavior

no letter spacing in Arabic

Actual Behavior

there is letter spacing in Arabic

Reproduction Link

https://codepen.io/eyadfareh/pen/wVovBb?editors=1100

Framework critical bug regression has workaround

Most helpful comment

Workaround: Add in your App.vue style:

.v-application--is-rtl .v-btn {
    letter-spacing: 0 !important;
}

All 2 comments

Workaround for now would be to manually remove the letter-spacing with css as you have demonstrated in your example..

Workaround: Add in your App.vue style:

.v-application--is-rtl .v-btn {
    letter-spacing: 0 !important;
}
Was this page helpful?
0 / 5 - 0 ratings

Related issues

itanka9 picture itanka9  路  3Comments

ricardovanlaarhoven picture ricardovanlaarhoven  路  3Comments

cawa-93 picture cawa-93  路  3Comments

paladin2005 picture paladin2005  路  3Comments

SteffenDE picture SteffenDE  路  3Comments