title: Bootstrap 4 input field in popover
body: <p>The problem is described in title.
  I have a Bootstrap 4 modal and one popover with input field with buttons.
  In IE 11 everything is ok, but in Firefox input loses focus.</p>
  
  <p>Popover:</p>
  
  <pre><code>$('[data-toggle="popover"]').popover({
      container: "body",
      sanitize: false,
      content: function () {
          return $("#choose-user-popover-content").html();
      }
  }).on('shown.bs.popover', function () {
      $('#ExecutorSNPSearchStr').focus();
  });
  </code></pre>
  
  <p>Popover html:</p>
  
  <pre><code>&lt;div id="choose-user-popover-content" style="display: none;"&gt;
  &lt;div class="row"&gt;
      &lt;div class="col"&gt;
          &lt;div class="input-group"&gt;
              &lt;input type="text" class="form-control" id="ExecutorSNPSearchStr" aria-describedby="ExecutorSNPSearchStrAddon"/&gt;
              &lt;div class="input-group-append" id="ExecutorSNPSearchStrAddon"&gt;
                  &lt;button class="btn btn-sm btn-outline-info w-3" type="button"&gt;
                      &lt;i class="fas fa-search"&gt;&lt;/i&gt;
                  &lt;/button&gt;
                  &lt;button class="btn btn-sm btn-outline-danger w-3" type="button"&gt;
                      &lt;i class="fas fa-trash-alt"&gt;&lt;/i&gt;
                  &lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>
  <a href="https://i.stack.imgur.com/rTe2q.png" rel="nofollow noreferrer">https://i.stack.imgur.com/rTe2q.png</a></p>
  
  <p>Can anyone tell what is the reason for this, and how to solve this problem?
  <br/></p>
  
  <p><strong>UPD:</strong> I recreated the situation in a separate html-file. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function () {
    $('[data-toggle="popover"]').popover({
        sanitize: false,
        content: function () {
            return $("#PopoverContent").html();
        }
    });
  }).on('shown.bs.popover', function () {
    $('#ExecutorSNPSearchStr').focus();
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"&gt;
  &lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"&gt;
     
  &lt;section&gt;
      &lt;div id="PopoverContent" style="display: none;"&gt;
          &lt;div class="input-group"&gt;
              &lt;input type="text" class="form-control" placeholder="Recipient's username"
                  aria-label="Recipient's username with two button addons" aria-describedby="button-addon1"&gt;
              &lt;div class="input-group-append" id="button-addon1"&gt;
                  &lt;button class="btn btn-outline-primary" type="button" data-toggle="popover" data-placement="bottom"
                      data-html="true" data-title="Search"&gt;
                      &lt;i class="fas fa-search"&gt;&lt;/i&gt;
                  &lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  &lt;section&gt;
      &lt;div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
          aria-hidden="true"&gt;
          &lt;div class="modal-dialog" role="document"&gt;
              &lt;div class="modal-content"&gt;
                  &lt;div class="modal-header"&gt;
                      &lt;h5 class="modal-title" id="exampleModalLabel"&gt;Test modal&lt;/h5&gt;
                      &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;
                          &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
                      &lt;/button&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-body"&gt;
                      &lt;div class="container"&gt;
                          &lt;div class="row"&gt;
                              &lt;div class="col"&gt;
                                  &lt;div class="input-group"&gt;
                                      &lt;input type="text" class="form-control" placeholder="Recipient's username"
                                          aria-label="Recipient's username with two button addons"
                                          aria-describedby="button-addon4"&gt;
                                      &lt;div class="input-group-append" id="button-addon4"&gt;
                                          &lt;button class="btn btn-outline-primary" type="button" data-toggle="popover"
                                              data-trigger="click" data-placement="bottom" data-html="true"
                                              data-title="Search"&gt;
                                              &lt;i class="fas fa-user-plus"&gt;&lt;/i&gt;
                                          &lt;/button&gt;
                                          &lt;button class="btn btn-outline-danger" type="button"&gt;
                                              &lt;i class="fas fa-user-minus"&gt;&lt;/i&gt;
                                          &lt;/button&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-footer"&gt;
                      &lt;button type="button" class="btn btn-secondary" data-dismiss="modal"&gt;Close&lt;/button&gt;
                      &lt;button type="button" class="btn btn-primary"&gt;Save changes&lt;/button&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  &lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col mt-5"&gt;
              &lt;button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal"&gt;
                  Launch demo modal
              &lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
      
  &lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script defer src="https://use.fontawesome.com/releases/v5.8.1/js/all.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>