appendToBody not working in a modal.

[101Admin]

Version

• Vue version: 3.4
• Bootstrap Version: 5.3

Description

I am using the multiselect component inside a bootstrap modal. The multiselect is at the bottom of the modal and when opened the content of the options is not visible until you scroll. so i opted to use the append-to-body prop on the component but it seems to be tabing out of the multi-select.

Demo

Here is an example without append-to-body:

Screen.Recording.2024-10-07.at.10.04.29.mov

And here is one with append-to-body set to true. Notice the "x" button of the modal getting focused:

Screen.Recording.2024-10-07.at.10.07.44.mov