zefoy / ngx-color-picker

Color picker widget for the Angular (version 2 and newer)
MIT License
457 stars 143 forks source link

ngx-color picker not displaying properly inside ag-grid #183

Open parijatsharma93 opened 5 years ago

parijatsharma93 commented 5 years ago

Hi , I am using ngx-color picker inside an ag-grid as one of the cell renderer components. And when i try to open the color picker it gets rendered only inside the grid.As a result half of it is hidden or likely its behind the parent div My Ag-grid is only in a small portion of the screen and the color picker somehow gets hidden and shows only within the grid,so most of it is behind the parent div.I tried using z-index all sorts of css but its not working Also inside a mat-Dialog when i open the picker a portion of it gets behind the mat-tab and doesnt display

sconix commented 5 years ago

Most likely the grid is using overflow hidden so there is no way around that. So most likely you need to try using the cpUseRootViewContainer option. With that the dialog is placed in root element so it wont be effected by the parents styling.