title: How to load Partial View inside Button Popover?
body: <p>I am trying to display a partial view inside a button popover.</p>
  <p>cshtml:</p>
  <pre><code>&lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; data-container=&quot;body&quot;
      data-toggle=&quot;popover&quot; data-placement=&quot;bottom&quot; id=&quot;popoverBtn&quot;
      data-content=&quot;@(await Html.PartialAsync(&quot;_ListBoxPartial&quot;))&quot;&gt;
  Popover on bottom
  </code></pre>
  
  <p>Partial View:</p>
  <pre><code>&lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-12&quot;&gt;
          &lt;select name=&quot;test&quot; style=&quot;width:100%;&quot; id=&quot;selectMultiple&quot; class=&quot;form-control custom-select&quot; multiple&gt;
              &lt;option&gt;123&lt;/option&gt;
              &lt;option&gt;456&lt;/option&gt;
              &lt;option&gt;789&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>But it displays like this:</p>
  <p><a href="https://i.stack.imgur.com/uRo00.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uRo00.png" alt="enter image description here" /></a></p>