Posted 5 October 2021, 8:27 am EST
Hy,
I’m trying to insert a custom component that look like à combobox.
In this componant, there is a main input, and it displays a list (under the main input) when we enter somes caracters.
The problem is that the overflow of the flexgrid component (set to hidden) hide the list (wich is in absolute position). What can i do to solve the problem ?
An example to illustrate the problem :
HTML :
Open the list under the button
<wj-flex-grid-column header="Downloads" [width]="170"> <ng-template wjFlexGridCellTemplate [cellType]="'Cell'"> <div class="container"> <button (click)="onContainerClick()">Open the list under the button</button> <div class="list" *ngIf="isOpen"> </div> </div> </ng-template> </wj-flex-grid-column> </wj-flex-grid>
CSS :
.container{
position: relative;
}
.list{
position: absolute;
width: 50px;
height: 50px;
background-color: red;
z-index: 1000;
}
