🐞 - tui-combo-box and tui-select not allowing to select options when used inside modal about taiga-ui HOT 2 CLOSED

The issue is due to Ionic focus trap inside modals. Our dropdowns are shown on a separate layer above everything and when an option is focused, ionic sees that focus left the modal and returns it back. There's a workaround suggested here:
https://forum.ionicframework.com/t/work-around-for-ionic-modal-focus-trapping/216633/6

You can use (tuiDropdownOpenChange)="onOpen($event) directive to control this class, something like:

onOpen(open: boolean) {
    this.ModalController.getTop()
        .then(modal => modal?.classList.toggle('ion-disable-focus-trap', open));
}

from taiga-ui.

Thanks, @waterplea, for the help! I tested it and it works perfectly! ;D

I'll try to find or create a more abstract way to do this, as replicating the code in every simple modal with a select or other overlay would be "inefficient".

from taiga-ui.