V-calendar: DatePicker unexpected year focus after shift+tab
There is an example: https://jsfiddle.net/rxb83Lb1/
When navigate across inputs with tab button there are some issue with focus.
1) Select the last input
2) Shift+Tab (picker input has focus)
3) Shift+Tab again - now year input receives focus, but expected that first input will get it.
Also if something has been changed on step 2 focus just disappears and after another shift-tab it will be on the first input.
maksnester
All 3 comments
Also with tabindex=-1 there are outlines appear for panes.
maksnester
on 5 Apr 2018
As curious as it sounds, in the natural order (eg: left to right) it works perfectly.
kl3sk
on 9 Apr 2018
You have the right approach (setting tabindex=-1). However, the year selector also needs tabindex=-1, which you don't have access to. The next update will use tabindex=-1 as the default for the native popover component, which should take care this issue.
For the outline problem, I don't think it would be wise to just set outline: none in css, as I think there should be some indication of focus. I think I'll just use a thin dotted border or some other sensible styling.
nathanreyes
on 9 Apr 2018
Related issues
jvincent3
路
4Comments
nik736
路
3Comments
chrisnetonline
路
3Comments
neel
路
3Comments
sokolovdm
路
3Comments
Most helpful comment
You have the right approach (setting
tabindex=-1). However, the year selector also needstabindex=-1, which you don't have access to. The next update will usetabindex=-1as the default for the native popover component, which should take care this issue.For the outline problem, I don't think it would be wise to just set
outline: nonein css, as I think there should be some indication of focus. I think I'll just use a thin dotted border or some other sensible styling.