Начнем с того, вешать фокус на див вообще корректно? нет же вроде

я думал об этом, но как же тогда работает, если заранее инпут переместить вниз в верх а условия v-if оставить? так работает, и при вставке и удалении все перестраивается... как вы это объясните?

сбоку сверху

люди не видят твой код

Всем добрый день! Ребят помогите разобраться с головоломкой. Пишу селект, все получается, все круто, но есть один момент: селект должен работать так: при клике на поле (input) октрывается список, при клике на опцию выбирается значение и список закрывается. Так вот когда я вставил кнопку очищения то появился забавный баг, вообще не предсказуемый... Есть два v-if="value && !isOpen" в .app-select-search, у span и у button, из за них после выбора значения в селекте, список при фокусе на input больше не появляется, к тому же добавляется еще одно событие "close" (можете посмотреть в консоле) Забавно то, что если у одного из span/button изменить v-if на v-show, то все работает отлично, все повторно открывается. Если перенести input после button тоже работает, багов нет. Я думал сначала, что дело в фокусах, так как из за специфики есть фокус и на инпуте и на корневом элементе. Но после того, как при перемещении инпута после кнопки очищения или наоборот, все работает, я просто вообще перестаю логически мыслить... Помогите разобраться пожалуйста. https://codesandbox.io/s/7ww75nn171

Пока код не посмотрел, вообще ничего не понял

дело в blur

по этому моментально скрывается. если смотреть дом- видно как мигают элементы

теряется фокус в момент списка и формально он у тебя (список) появляется но сразу срабатывает blur на инпуте

в темплейте на корневом диве висят @ focus и @ blur

вы можете написать как справить? и почему это происходит тольк тогда, когда у .app-search-selected и у .app-search-remove стоят v-if + когда input между ними, если к примеру .app-search-remove убрать и вставить перед инпутом то все нормально работает, как это понять?

Особенности работы с vdom и оптимизация видимо

v-show я так понял принципиально не подходит?

ну вы теперь понимаете почему я в таком ступоре?

как лечение это v-show либо вынести отдельно мб

разве работает ?

разве работает ?

но немножко не так

ну вот вставил между ними h1 не рбаотает

Почему?

Хм. Приложение разволилось

Хм. Приложение разволилось

ну вот вставил между ними h1 не рбаотает

ну вот вставил между ними h1 не рбаотает

ну вот вставил между ними h1 не рбаотает

ок допиши просто blur.native=

может быть

и это работает ?

в целом вешать блур на диве это такое себе занятие

напридумали блин)

Ребятки, пытаюсь обратиться к компоненту через $refs, но не могу к нему достучатсья, потому как идет некоторая вложенность компонентов. Можно ли как то к глобальному массиву $refs обратиться ?

Ребятки, пытаюсь обратиться к компоненту через $refs, но не могу к нему достучатсья, потому как идет некоторая вложенность компонентов. Можно ли как то к глобальному массиву $refs обратиться ?

из самого верхнего в самый нижний

а блур.нативе мы четко указываем что речь идет про евент от браузера =\

есть другое объяснение?

сверстать по человечески

через pos fixed

потом в методах или хуках this.$refs.someName

как модалку, на весь экран?)

и клик по ней или чего угодно - скрывает

и клик по ней или чего угодно - скрывает

что б понять куда тыкнули а куда нет

с проверкой event.target

твой @blur ничем не лучше