SELECT: получение события на onChange

Question

Я построил таблицу со столбцом с фильтром "связанный множественный выбор", где параметры второго выбора зависят от первого выбора и так далее.

Проблема в том, что как только я выбираю элемент, раскрывающийся список фильтров закрывается. Я хотел бы закрыть всплывающее окно, когда я закончил весь выбор.

Я думал перехватить событие onchange, чтобы остановить распространение события. Но, похоже, это невозможно.

Другой вариант - перехватить событие onClick на <option>Я пытался, но это не сработало.

Пример: https://codesandbox.io/s/8498m8ykxj

Лука

Answer 1

Всплывающий контейнер выбора (параметры) находится вне раскрывающегося списка фильтра.

Перемещение его внутрь (Select.getPopupContainer) решило проблему.

https://codesandbox.io/s/8498m8ykxj

Answer 2

Я не хочу быть тем парнем, который не понимает, что ты делаешь, и дает советы. Но если вам нужен множественный выбор, я бы предложил использовать " множественный выбор", как вы можете найти в документе antd. Другим решением будет использовать меню с chehkbox для каждого элемента. Я думаю, что было бы гораздо проще в использовании.

Это просто идея.

В любом случае хорошего дня