Привет Вопрос про вёрстку/доступность Как сделать переключения по табу в том же

Question

Привет Вопрос про вёрстку/доступность Как сделать переключения по табу в том же

порядке, в котором элементы, изменённые через флекс ордер?

накидал пример https://codesandbox.io/s/agitated-hawking-n9jr0?file=/src/App.vue
чего хочу добиться: при попадании на страницу и нажимая по табу, я должен перемещаться в порядке (и обратно по шифт+таб)
if(cond === true) #first -> #second -> #input1 -> #input2 -> #input3 -> #input4 -> #pre_last -> #last
if(cond === false) #first -> #second -> #input1 -> #input3 -> #input2 -> #input4 -> #pre_last -> #last
логику вывода дом дерева менять нельзя
(в вопросе ничего специфичного по вю/жс, они используются только для облегчения построения дом дерева)

#css #frontend #html #programming #russian

0

28.10.2021

1 ответов

13 просмотров

Саша Левчак · Answer 1

Саша Левчак Автор вопроса

Видимо действительно никак, раз уж упоминается даже в спеке https://www.w3.org/TR/css-flexbox-1/#order-accessibility Жаль, что в разных уроках по флексам, про это не рассказывают... Читать: https://tink.uk/flexbox-the-keyboard-navigation-disconnect/ https://adrianroselli.com/2015/10/html-source-order-vs-css-display-order.html

0

28.10.2021

169 похожих чатов

Привет Вопрос про вёрстку/доступность Как сделать переключения по табу в том же

1 ответов

Похожие вопросы