[Bug Report][3.0.0-beta.5] `v-tabs` does not work properly in `direction:rtl`

Open alokVishu opened this issue 3 years ago • 4 comments

Vuetify Version: 3.0.0-beta.5 Vue Version: 3.2.36 Browsers: Chrome 103.0.5060.114 OS: Windows 10

Set direction:rtl in style.

It should work and you can navigate to the hidden tab using arrows.

Hidden tabs could not be accessible.

Jul 07 '22 12:07 alokVishu

You need to configure RTL, it isn't read from the DOM: https://codepen.io/kaelwd/pen/YzaqNXV?editors=1010 That's still kinda broken though.

Jul 08 '22 06:07 KaelWD

Thanks, @KaelWD,

It works.

Jul 08 '22 09:07 alokVishu

Hello @KaelWD,

We still do not get access to the tab nineteen and Twenty in RTL and the arrows are not proper: https://codepen.io/kaelwd/pen/YzaqNXV?editors=1010

Jul 20 '22 10:07 alokVishu

That's still kinda broken though

Jul 20 '22 10:07 KaelWD