René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Dropdown won't display","articleBody":"\r\n\r\nI am trying to create a dropdown feature inside a DataTable like this:\r\n![Screenshot 2023-10-05 at 02 34 28](https://github.com/plotly/dash-table/assets/72039004/4dddb053-86a1-425e-aa29-dcd4b6f59aae)\r\n\r\nUnfortunately I cannot click on the dropdown button and then trigger the full menu showing. Instead I have to manually type in the value I want into the cell for the column.\r\nFor the working code example from the main website, [here](https://dash.plotly.com/datatable/dropdowns), I get this HTML upon inspection - the .Select-menu-outer in particular seems to be what we're after.\r\n![Screenshot 2023-10-05 at 02 36 47](https://github.com/plotly/dash-table/assets/72039004/b136159b-1106-41cc-8a15-40c5a02745fb)\r\n\r\nThis doesn't appear to be a CSS override issue as I am unable to trigger this HTML by clicking on the dropdown menu button in the first place, and only have this HTML:\r\n![Screenshot 2023-10-05 at 02 38 46](https://github.com/plotly/dash-table/assets/72039004/a8425cd0-1ef1-445d-99b4-cdfc8bc88ff7)\r\n\r\nThis is my sanitised code with dummy values put for the data variable in case this is causing the error (the data gets updated by a function on uploading a separate CSV that overwrites the data)\r\n\r\n`html.Div(id='output-table', style={'display': 'block'}, children=[\r\n            dash_table.DataTable(\r\n                id='table',\r\n                editable=True,\r\n                columns=[\r\n                    {\"name\": \"Source\", \"id\": \"Source\"},\r\n                    {\"name\": \"Target\", \"id\": \"Target\"},\r\n                    {\"name\": \"# of Calls\", \"id\": \"# of Calls\"},\r\n                    {\"name\": \"color\", \"id\": \"color\", 'presentation': 'dropdown', \"editable\": True}\r\n                ],\r\n                data=[\r\n                    {'Source': 'A', 'Target': 'B', '# of Calls': 10, 'color': 'green'},\r\n                    {'Source': 'B', 'Target': 'C', '# of Calls': 5, 'color': 'red'},\r\n                    {'Source': 'C', 'Target': 'D', '# of Calls': 2, 'color': 'darkgrey'}\r\n                ],\r\n                dropdown={\r\n                    'color': {\r\n                        'options': [\r\n                            {'label': 'Happy path', 'value': 'green'},\r\n                            {'label': 'Unhappy path', 'value': 'red'},\r\n                            {'label': 'Neutral path', 'value': 'darkgrey'}\r\n                        ]\r\n                    }\r\n                },\r\n            )`\r\n\r\nAny help on what is causing this?\r\n","author":{"url":"https://github.com/TKELKAR123","@type":"Person","name":"TKELKAR123"},"datePublished":"2023-10-05T06:43:22.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/956/dash-table/issues/956"}