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 modal-dialog div, if they detect that the trigger element is inside a modal.

We might need to change that to append to modal-content to ensure that the popover/tooltip is within the tab-constraint area.

To currently get around this, wrap your modal content in a div (if you haven't already), give it a unique id, and then use the container prop of <b-popover> to specify the div's ID:

<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.

This fix will be available in the next release (v1.4.0)

It is working perfectly good.

thank you @tmorehouse

vue-bootstrap is best :)

v1.4.0 has been released, which now appends the tooltip/popover to the modal-content container rather than the modal outer container.