Size: a a a

2021 February 05

IN

Ira Novikova in React Kyiv
Kyrylo Yakovenko • 𝟰𝟮𝟬🦄 engineer
а інпут с прозрачным фоном поверх
таким образом получится что пользователь печатает в инпуте но видит то что вводит в стилизированой штуке под ним?
источник

KY

Kyrylo Yakovenko • 𝟰... in React Kyiv
ну да. Визульно будет буд-то это текст в самом интпуте
источник

KY

Kyrylo Yakovenko • 𝟰... in React Kyiv
под ним в смысле с абсолютным позиционированием
источник

KY

Kyrylo Yakovenko • 𝟰... in React Kyiv
они на одном месте типа
источник

KY

Kyrylo Yakovenko • 𝟰... in React Kyiv
так делают когда нужно саджестить автодополнение
источник

IN

Ira Novikova in React Kyiv
попняла, спасибо за вариант)
и еще есть задача со звездочкой, связано с этим инпутом😊
к нему прилагаются два стильных батона, имитирующих стрелочки намбер инпута вверх вниз. как удержать фокус на инпуте пока пользователь клацает кнопки?
удержать фокус - это связано со стилизацией инпута, там цвет фона и ободок меняются
источник

KY

Kyrylo Yakovenko • 𝟰... in React Kyiv
думаю придется имитировать фокус
источник

IN

Ira Novikova in React Kyiv
Kyrylo Yakovenko • 𝟰𝟮𝟬🦄 engineer
они на одном месте типа
я поняла, спасибо) в первый раз объяснение тоже было доступным для понимания)
источник

IN

Ira Novikova in React Kyiv
Kyrylo Yakovenko • 𝟰𝟮𝟬🦄 engineer
думаю придется имитировать фокус
типа такого,
<button onClick={() => {
someClickHandler();
fakeNumberInputRef.current.focus();
}}

?
источник

KY

Kyrylo Yakovenko • 𝟰... in React Kyiv
Это тоже нужно будет делать. Но поидее фокус будет мигать при кликах. И придется его классом имитировать как-то. А может и не будет
источник

IN

Ira Novikova in React Kyiv
Kyrylo Yakovenko • 𝟰𝟮𝟬🦄 engineer
Это тоже нужно будет делать. Но поидее фокус будет мигать при кликах. И придется его классом имитировать как-то. А может и не будет
попробую дата-атрибут, спасибо)
источник
2021 February 06

VK

Vlad Kopylov in React Kyiv
Ребята, добрый день.
Возникла трудность и не знаю как ее решить можно.
Есть попап, и в нем обычный input и react-select. При клике на инпут все в порядке, но если выбрать option в react-select, то popupp закрывается. Я использую useOutsideClick. Как можно решить проблему закрытия попапа при выборе option'а с селекта?
источник

VK

Vlad Kopylov in React Kyiv
источник

VK

Vlad Kopylov in React Kyiv
источник

EM

Eugene M in React Kyiv
Vlad Kopylov
Ребята, добрый день.
Возникла трудность и не знаю как ее решить можно.
Есть попап, и в нем обычный input и react-select. При клике на инпут все в порядке, но если выбрать option в react-select, то popupp закрывается. Я использую useOutsideClick. Как можно решить проблему закрытия попапа при выборе option'а с селекта?
Самый простой вариант слушать клик на оверлее попапа (если он есть), а не кликаутсайд
источник

VK

Vlad Kopylov in React Kyiv
Eugene M
Самый простой вариант слушать клик на оверлее попапа (если он есть), а не кликаутсайд
к сожалению, пока без оверлея пробую
источник

EM

Eugene M in React Kyiv
Сделай прозрачный
источник

EM

Eugene M in React Kyiv
Это будет универсально относительно
источник

EM

Eugene M in React Kyiv
Ну или кондишену прокидывай колбек в кликаутсайд
источник

EM

Eugene M in React Kyiv
Но тут нужно будет каждому попапу свою логику оформлять
источник