Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
Can not focus in modal popover input field #1464
the scenario is a bit complex. I am using bootstrap-vue modal and popover. I want to display a form within modal -> popover. something like this.
But because of
It is working in perfectly after I remove
Removing the tabidex on modal-content will break accessibility (for screen reader users and keyboard only users).
Currently popovers and tooltips get appended to the
We might need to change that to append to
To currently get around this, wrap your modal content in a
<b-modal ...> <div id="my-container"> <!-- other modal content here --> <b-btn id="my-button">Add</b-btn> <b-popover target="my-button" container="my-container" title="Title"> <label for="my-input">Input</label> <b-form-input id="my-input"></b-form-input> </b-popover> </div> </b-modal> This will ensure that your popover is within the _enforce focus_ region of the modal.