Vuetify: [Feature Request] v-navigation-drawer not respecting RTL

Created on 10 Aug 2019  路  6Comments  路  Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.0.5
Vue Version: 2.6.10
Browsers: Chrome 76.0.3809.100
OS: Windows 10

Steps to reproduce

Using v-navigation-drawer while rtl is true

Expected Behavior

drawer in the right side

Actual Behavior

drawer in the left side

Reproduction Link

https://codepen.io/abdumuslim/pen/aeRWMK

VNavigationDrawer feature rtl
Source
picture abdumuslim
👍3

Most helpful comment

@abdumuslim to fix the issue you need to add just a :right="$vuetify.rtl"
example:
https://codepen.io/dev0x0/pen/RwbaeXK

picture melbahja on 16 Aug 2019
👍4

All 6 comments

@abdumuslim @jacekkarczmarczyk I fixed this issues locally after testing i will open a PR

melbahja picture melbahja on 14 Aug 2019
👍1

@abdumuslim to fix the issue you need to add just a :right="$vuetify.rtl"
example:
https://codepen.io/dev0x0/pen/RwbaeXK

melbahja picture melbahja on 16 Aug 2019
👍4

This is not considered a bug at the moment. Moving to a feature request.

johnleider picture johnleider on 24 Oct 2019

Blocked by https://github.com/vuetifyjs/vuetify/pull/9800

johnleider picture johnleider on 26 Nov 2019

This slipped v2.2, moving to v2.3.

johnleider picture johnleider on 18 Dec 2019

i made it work through setting drawer right property to true
https://vuetifyjs.com/en/components/navigation-drawers/

redbayoub picture redbayoub on 19 Apr 2020
Was this page helpful?
0 / 5 - 0 ratings

Related issues

dohomi picture dohomi  路  3Comments
itanka9 picture itanka9  路  3Comments
radicaled picture radicaled  路  3Comments
efootstep picture efootstep  路  3Comments
Antway picture Antway  路  3Comments