CODEWITHSUNDEEP
selectmaterial-uidropdownmultiple-choice
user3364448
user3364448

Reputation: 3

MUI Select (Multiple Checkbox) - All other buttons in the page are not clickable until closing the dropdown

MUI Select (Multiple Checkbox) - All other buttons in the page are not clickable until closing the dropdown

Even in their example page, when I open the dropdown, select item/s , i MUST click outside the dropdown to make all other buttons in the page, to be clickable.

enter image description here

Any workaround for this one?

Tried to play with the focus but it didn't help

Upvotes: 0

Views: 1035

Answers (1)

orange
orange

Reputation: 21

The reason why the Select component is not clickable or scrollable is because it is based on a popover, which may block user actions. You can use the Popper component instead.

popper: The scroll isn't blocked like with the Popover component. The placement of the popper updates with the available area in the viewport.

Upvotes: 0

Related Questions