<p dir="auto">When I use input append and popover at the same time then popover not working, but when I remove the appended input (by removing the input-append class) then it works. Here is my code:</p>
<span>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="            &lt;button class=&quot;span2&quot; id=&quot;filter&quot; type=&quot;text&quot; name=&quot;filter&quot; placeholder=&quot;Type your filter&quot;&gt;itest&lt;/button&gt;
      &lt;button class=&quot;btn&quot; id=&quot;filterSubmits&quot;&gt;Go&lt;/button&gt;"><pre class="notranslate"><code class="notranslate">            &lt;button class="span2" id="filter" type="text" name="filter" placeholder="Type your filter"&gt;itest&lt;/button&gt;
      &lt;button class="btn" id="filterSubmits"&gt;Go&lt;/button&gt;
</code></pre></div>
</span>
&lt;script&gt;
jQuery(function() {


        $('#filter').attr('data-title', 'Search tips').
            attr('data-content', 'Search format: -|+').
            attr('data-placement', 'bottom').
            attr('data-trigger', 'focus');

        $('#filter').popover('show');
})
&lt;/script&gt;
<p dir="auto">On the <strong>Components</strong> page of the Bootstrap docs, the sidebar becomes too tall for the viewport when <code class="notranslate">scrollspy</code> causes the sidebar subheadings to show.</p>
<p dir="auto">The sidebar cannot be scrolled or manipulated to show content below the viewport.</p>
<p dir="auto">See here: <a href="http://getbootstrap.com/components/#glyphicons" rel="nofollow">http://getbootstrap.com/components/#glyphicons</a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/95439b4a35416da72571a4370430e75ce3537082bd569e0307adc41876c1c985/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f333135343431352f3939313132322f31333836323763632d303935322d313165332d396239652d3562356337373934356263622e706e67"><img src="https://camo.githubusercontent.com/95439b4a35416da72571a4370430e75ce3537082bd569e0307adc41876c1c985/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f333135343431352f3939313132322f31333836323763632d303935322d313165332d396239652d3562356337373934356263622e706e67" alt="screen shot 2013-08-20 at 12 35 55" data-canonical-src="https://f.cloud.github.com/assets/3154415/991122/138627cc-0952-11e3-9b9e-5b5c77945bcb.png" style="max-width: 100%;"></a></p>