Size: a a a

2021 February 06

VK

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

IV

Ievgen Vyshnevskyi in React Kyiv
Vlad Kopylov
Ок, попробую реализовать оверлей
А если поиграться с onMenuClose?
источник

IV

Ievgen Vyshnevskyi in React Kyiv
И закрыть попап самому?
источник

VK

Vlad Kopylov in React Kyiv
Ievgen Vyshnevskyi
А если поиграться с onMenuClose?
Не совсем понимаю задумку.
Мне нужно закрывать поп-ап, если кликнул вне элемента, как мне поможет onMenuClose?
источник

IV

Ievgen Vyshnevskyi in React Kyiv
А блин, так не выйдет
источник

KS

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

KS

Kostya Savchenko in React Kyiv
Если добавить их диву попала с функциями закрытия попапа
источник

KS

Kostya Savchenko in React Kyiv
И нужно понять почему он закрывается при клике на option
источник

VK

Vlad Kopylov in React Kyiv
закрывается из-за условия ref.current.contains(e.target)e.target). При клике на опшн условие===false
источник

VK

Vlad Kopylov in React Kyiv
можно добавить еще одно условие, но тогда трудно переиспользывать будет
источник

VK

Vlad Kopylov in React Kyiv
вариант с оверлеем думаю исправит ситуацию
источник

KS

Kostya Savchenko in React Kyiv
Ну вообще не использовать эту функцию а просто как я предложил кинуть на див попапа что-то типо onBlur={() => setPopupIsOpen(false)} и тоже самое в onFocus
источник

KS

Kostya Savchenko in React Kyiv
Думаю это поможет
источник

VK

Vlad Kopylov in React Kyiv
будет запасным вариантом)
источник

KS

Kostya Savchenko in React Kyiv
Это 1 строка кода, я бы попробовал
источник

EM

Eugene M in React Kyiv
Будет тот же результат, будет блур на попапе при клике на опшен. Опшены в портале скорее всего, вот и результат
источник

SS

Serhey Shmyg in React Kyiv
Kostya Savchenko
Ну вообще не использовать эту функцию а просто как я предложил кинуть на див попапа что-то типо onBlur={() => setPopupIsOpen(false)} и тоже самое в onFocus
Не буде працювати.
1. Табіндекс додати потрібно
2. Фокус діва втратиится при клік
источник
2021 February 07

V

Vitalii in React Kyiv
Вечір добрий!

Питання про власні проєкти.

Хто з вас мав (має) ідею проєкту, яких хочеться реалізувати, але все ніяк не вдається? Напишіть + тут, або у приватні
источник

VS

Vitalii Saienko in React Kyiv
Vitalii
Вечір добрий!

Питання про власні проєкти.

Хто з вас мав (має) ідею проєкту, яких хочеться реалізувати, але все ніяк не вдається? Напишіть + тут, або у приватні
Реконструювати якийсь з синтезаторів візуально і, по можливостям, з використанням Web Audio API, щоб всі крутілки працювали і звук був
источник

СБ

Сергій Бабіч... in React Kyiv
Vitalii Saienko
Реконструювати якийсь з синтезаторів візуально і, по можливостям, з використанням Web Audio API, щоб всі крутілки працювали і звук був
https://github.com/vitaliy-bobrov/js-rocks

https://twitter.com/bobrov1989

раджу налагодити контакт з Віталієм )
источник