angular2-multiselect-dropdown icon indicating copy to clipboard operation
angular2-multiselect-dropdown copied to clipboard

Angular2Multiselect causing flicker when opening NgbModal

Open chrisdlim opened this issue 5 years ago • 1 comments

I have a basic multiselect component on many pages that work fine:

<angular2-multiselect
        [data]="filter.value.items"
        [(ngModel)]="filter.value.selectedItems"
        [settings]="filter.value.settings"
        (onSelect)="filterByMultiselect(filter.value.filterName, filter.value.selectedItems)"
        (onDeSelect)="filterByMultiselect(filter.value.filterName, filter.value.selectedItems)"
        (onSelectAll)="filterByMultiselect(filter.value.filterName, filter.value.selectedItems)"
        (onDeSelectAll)="filterByMultiselect(filter.value.filterName, filter.value.selectedItems)">
 </angular2-multiselect>

However, when I open a modal (using NgbModal bootstrap 5) on a page with the multiselect on it, the page slightly flickers before the modal opens

Using:

  • Angular 8
  • Bootstrap 5.1.1
  • Angular2multiselect 4.6.3

chrisdlim avatar Jan 02 '20 18:01 chrisdlim

I'm also noticing that the modal open animation doesn't on work on pages with a multiselect.

Edit: My issue was fixed by upgrading ng-bootstrap to 9.1.1.

cooljeffro avatar Sep 22 '21 19:09 cooljeffro