Size: a a a

2020 March 04

SK

Sergey Kovalenko in React Kyiv
Почему не перемещать фокус по кликабельным элементам?
источник

AR

Alexey Raspopov in React Kyiv
Sergey Kovalenko
Я может не совсем понимаю, но зачем перемещаться по li?
поддержка клавиатуры, a11y
источник

JC

J. C. in React Kyiv
Sergey Kovalenko
Я может не совсем понимаю, но зачем перемещаться по li?
Вместо li можно и что другое сделать, дело не в этом
источник

JC

J. C. in React Kyiv
Sergey Kovalenko
Почему не перемещать фокус по кликабельным элементам?
Перемещать чем, табом? Кнопками вверх-вниз то получше будет
источник

HE

Hamad Emad in React Kyiv
<Select
                       IconComponent={()=><FormatListBulletedIcon/>}
                       onChange={({target}) => setAge(target.value)}
                       value={age}>
                       <MenuItem value={''}>
                           <em>None</em>
                       </MenuItem>

                       <MenuItem value={10}>1.Irfan </MenuItem>
                       <MenuItem value={20}>2.Moid </MenuItem>
                       <MenuItem value={30}>3.Zahid </MenuItem>
                   </Select>
источник

HE

Hamad Emad in React Kyiv
источник

HE

Hamad Emad in React Kyiv
Проблема в зоне клика и отступе слева,иконка не кликабельна только пустое пространство, буду очень благодарен за помощь
источник

SG

Stas G in React Kyiv
Всем привет, кто знает, можно ли объединить 2 рефа, чтобы передать в 1 элемент?
Или может быть кто-то знает грамотный способ, как в react-popper отслеживать клики снаружи открытого <Popper />?
источник

LK

Leonid Kuznetsov in React Kyiv
Stas G
Всем привет, кто знает, можно ли объединить 2 рефа, чтобы передать в 1 элемент?
Или может быть кто-то знает грамотный способ, как в react-popper отслеживать клики снаружи открытого <Popper />?
handleClickOutside(event) {
   if (this.wrapperRef && !this.wrapperRef.contains(event.target)) {
     alert('You clicked outside of me!');
   }
 }
источник

I

Ilya in React Kyiv
Stas G
Всем привет, кто знает, можно ли объединить 2 рефа, чтобы передать в 1 элемент?
Или может быть кто-то знает грамотный способ, как в react-popper отслеживать клики снаружи открытого <Popper />?
Попробуй врапнуть
источник

I

Ilya in React Kyiv
источник

SG

Stas G in React Kyiv
Тут такая история, что во-первых у меня функциональный компонент, во-вторых поппер сам в рендер пропсах передает свой ref
          <Popper placement="top" modifiers={popperModifiers}>
           {({ ref, style, placement })  => ...
источник

SG

Stas G in React Kyiv
у меня снаружи есть хук для аутсайд кликов)
источник

SG

Stas G in React Kyiv
оттуда тоже передается реф, но я не могу понять, как эти 2 рефа объединить
источник

I

Ilya in React Kyiv
Stas G
оттуда тоже передается реф, но я не могу понять, как эти 2 рефа объединить
Обернуть Popper в div?
источник

SG

Stas G in React Kyiv
чисто теоретически можно еще 1 див внутрь пихнуть
источник

SG

Stas G in React Kyiv
чтобы он на весь поппер растягивался
источник

SG

Stas G in React Kyiv
но может есть более грамотный способ
источник

I

Ilya in React Kyiv
Stas G
чтобы он на весь поппер растягивался
Зачем?
источник

SG

Stas G in React Kyiv
потому что мне не подходит оборачивать попап снаружи, я его через портал рендерю в боди
источник