Skip to content

appendToBody not working in a modal. #429

@SpitsAdmin

Description

@SpitsAdmin

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions