I am currently working with angular ui-grid and trying to create an editable cell template that includes a multiselect dropdown. I attempted following this tutorial, but unfortunately it did not produce the desired results. I have implemented a basic multiselect dropdown and customized it so that it only opens when a button is clicked. To style the dropdown and ensure it overlaps below cells in the grid, I referred to this plunker example.
.ui-grid-cell .ui-grid-cell-contents {
overflow: visible;
}
.ui-grid-cell-focus{
overflow: visible;
}
I positioned the celltemplate as absolute for the layout.
https://i.sstatic.net/vJJzt.png
However, when scrolling down, the styles do not function properly. In fact, for the rows at the bottom of the grid, the dropdown does not even open.
https://i.sstatic.net/af7kD.png
If anyone has suggestions on how to resolve this issue, please provide assistance.