Ну вот я, например, знаю, что input с type="text" можно

Question

Ну вот я, например, знаю, что input с type="text" можно

ходить "tab-ом". Например у меня есть инпут с выпадашкой. Когда я нажимаю на этот инпут курсор фокусируется в нем и появляется dropdown с меню(выпадашка). В этой выпадашке, я выбираю пункт меню и она(выпадашка) закрывается. С инпута я снимаю фокус input.blur(). Все хорошо. Но tab order сбрасывается. Если я нажму на tab, то сфокусируется не следующий элемент, а первый на странице. Как сделать так, что после blur() на инпуте сохранить позицию "tab-a"?

#frontend #javascript #programming #react.js #russian

0

10.11.2023

16 ответов

62 просмотра

Stas I.🏄

блур снимает фокуc, а таб делает фокус

0

10.11.2023

Pavel Автор вопроса

Dmitry Remezov
А зачем блюрить?

чтобы курсор в инпуте не отображался. Пользователь ведь выбрал пункт меню, стало быть и инпутом ему пользоваться больше не надо

0

10.11.2023

Dmitry Remezov

Pavel
чтобы курсор в инпуте не отображался. Пользователь...

readOnly

0

10.11.2023

Pavel Автор вопроса

Stas I.🏄
блур снимает фокуc, а таб делает фокус

да, я знаю. Но как тогда сохранить tab order при том убрать курсор с input-a?

0

10.11.2023

Dmitry Remezov

Pavel
чтобы курсор в инпуте не отображался. Пользователь...

СТОЙ ЧИВО

0

10.11.2023

Pavel Автор вопроса

Dmitry Remezov
readOnly

что значит?

0

10.11.2023

Dmitry Remezov

Pavel
что значит?

https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly

0

10.11.2023

Stas I.🏄

я хз честно говоря никогда такую тему не решал, но у ДОМа есть список всех ТАБАБЛе можешь руками фокус ставить просто после блюра на следующий элемент

0

10.11.2023

Dmitry Remezov

Pavel
чтобы курсор в инпуте не отображался. Пользователь...

К твоему вопросу этот финалист чемпионата уничтожения UX не относится

0

10.11.2023

Pavel Автор вопроса

Stas I.🏄
я хз честно говоря никогда такую тему не решал, но...

ТАБАБЛе это что?:

0

10.11.2023

Sunrise

Dmitry Remezov
К твоему вопросу этот финалист чемпионата уничтоже...

Хрюкнул

0

10.11.2023

Sunrise

Pavel
чтобы курсор в инпуте не отображался. Пользователь...

cursor: none; Ебашь 🌚

0

10.11.2023

Dmitry Remezov

Pavel
чтобы курсор в инпуте не отображался. Пользователь...

Ты придумал полную дичь, так делать нельзя, пользователь ожидает единственно верное поведение интерфейса - ничего не происходит волшебным образом Как думаешь, вот выбрал пользователь значение в селекте, что он ожидает от интерфейса?

0

10.11.2023

Pavel Автор вопроса

Sunrise
cursor: none; Ебашь 🌚

Это что вообще) Костылить не буду

0

10.11.2023

Sunrise

Pavel
Это что вообще) Костылить не буду

АХАХАХА Хорошечно накидываешь

0

10.11.2023