In React, using the Community version of Ag Grid, I want a custom dropdown component that looks richer than a plain . In particular, I would like to use react-select.

The problem is that the cell div has overflow:hidden on it (.ag-cell-value), so the dropdown options don't show up.

On the very bottom of the page you can see an example of the dropdown outside of Active Grid so you can see what the options are supposed to look like when expanded, not being cut off by overflow:hidden.

I noticed that it is possible to use the cellEditorPopup:true option in the column definition, but then the custom component won't know the cell's size, so width:"100%",height:"100%" wouldn't work.

How best to achieve being able to use a custom dropdown component?