This example demonstrates AvalynxSelect inside a Bootstrap modal. The selects are initialized on page load, while the modal is still hidden. A ResizeObserver keeps the dropdown width in sync with the select button, so the dropdown always matches the width of the select button — even when it is opened while the modal is still fading in.

document.addEventListener('DOMContentLoaded', () => {
    new AvalynxSelect('#modal-select');
    new AvalynxSelect('#modal-select-livesearch', { liveSearch: true });
});