1

I've encountered an issue whereby the select component of material-ui v4 doesnt display the dropdown when its placed inside the leaflet map sidebar component. However the select dropdown works outside on its own.

I've also tested and found that using material v3 doesn't present this issue.

I've linked the codesandbox below, would appreciate any help into this matter. Thank you!

https://codesandbox.io/s/material-demo-40c6l?file=/mapview.js

Improve this question
1
  • Something is intercepting mouse down events and preventing them from reaching the Select. Click events are reaching the Select, but mouse down events aren't reaching the Select or the containing divs and v4 changed the open of the items from being triggered on click to being triggered on mouse down. After clicking on it (which successfully gives it focus), you can press the down arrow key and see it successfully open.
    – Ryan Cogswell
    Commented May 11, 2020 at 16:06
Related questions
0
Bug in select component from Material UI v1
6
react material-ui select not working
5
material-ui Select Box not showing selection
Load 7 more related questions Show fewer related questions

0

Reset to default

Browse other questions tagged or ask your own question.