<p dir="auto">REPOST of <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="40378752" data-permission-text="Title is private" data-url="https://github.com/twbs/bootstrap/issues/14403" data-hovercard-type="issue" data-hovercard-url="/twbs/bootstrap/issues/14403/hovercard" href="https://github.com/twbs/bootstrap/issues/14403">#14403</a> because closed prematurily and not sure the other question I just posted could be reopened (newbie here) but I certainly could not and I think this is an important thing that needs to be sorted out, but if rules entails to continue the conversation on the other post, please delete this one and we will do so.</p>
<p dir="auto"><strong>_OLD</strong>_<br>
I just discovered a bug that has been giving me a headache.</p>
<p dir="auto">Basically I was using a jqvmap and when clicking on a country I would create a popup with some info.<br>
So I initialize the popup as follows:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="$('.jvectormap-region').popover({
            placement: 'left',
            container: '#vmap',
            html: 'true',
            title: ' ',
        });"><pre class="notranslate"><span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">'.jvectormap-region'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">popover</span><span class="pl-kos">(</span><span class="pl-kos">{</span>
            <span class="pl-c1">placement</span>: <span class="pl-s">'left'</span><span class="pl-kos">,</span>
            <span class="pl-c1">container</span>: <span class="pl-s">'#vmap'</span><span class="pl-kos">,</span>
            <span class="pl-c1">html</span>: <span class="pl-s">'true'</span><span class="pl-kos">,</span>
            <span class="pl-c1">title</span>: <span class="pl-s">' '</span><span class="pl-kos">,</span>
        <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div>
<p dir="auto">and onClick I would do this:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="$('#vmap').bind('regionClick.jqvmap',
            function(event, code, region) {
                var baseRegionId = &quot;#jqvmap1_&quot;;
                baseRegionId = baseRegionId + code;

                if ($('#vmap [id^=&quot;popover&quot;]').length &gt; 1) {
                    $('#vmap [id^=&quot;popover&quot;]').first().remove();
                }

                var snapshot_url = &quot;http://www.business-anti-corruption.com/country-profiles/europe-central-asia/&quot; + region + &quot;/snapshot.aspx&quot;;

                $(&quot;.popover-title&quot;).html(region);
                $(&quot;.popover-content&quot;).html('&lt;a href=' + snapshot_url + ' target=&quot;_blank&quot;&gt;Snapshot&lt;/a&gt;&lt;/br&gt;&lt;a href=&quot;#&quot;&gt;page 2&lt;/a&gt;&lt;/br&gt;&lt;a href=&quot;#&quot;&gt;page 3&lt;/a&gt;&lt;/br&gt;&lt;a href=&quot;#&quot;&gt;page 4&lt;/a&gt;&lt;/br&gt;');

            }
        );"><pre class="notranslate"><span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">'#vmap'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">bind</span><span class="pl-kos">(</span><span class="pl-s">'regionClick.jqvmap'</span><span class="pl-kos">,</span>
            <span class="pl-k">function</span><span class="pl-kos">(</span><span class="pl-s1">event</span><span class="pl-kos">,</span> <span class="pl-s1">code</span><span class="pl-kos">,</span> <span class="pl-s1">region</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
                <span class="pl-k">var</span> <span class="pl-s1">baseRegionId</span> <span class="pl-c1">=</span> <span class="pl-s">"#jqvmap1_"</span><span class="pl-kos">;</span>
                <span class="pl-s1">baseRegionId</span> <span class="pl-c1">=</span> <span class="pl-s1">baseRegionId</span> <span class="pl-c1">+</span> <span class="pl-s1">code</span><span class="pl-kos">;</span>

                <span class="pl-k">if</span> <span class="pl-kos">(</span><span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">'#vmap [id^="popover"]'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-c1">length</span> <span class="pl-c1">&gt;</span> <span class="pl-c1">1</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
                    <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">'#vmap [id^="popover"]'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">first</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">remove</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
                <span class="pl-kos">}</span>

                <span class="pl-k">var</span> <span class="pl-s1">snapshot_url</span> <span class="pl-c1">=</span> <span class="pl-s">"http://www.business-anti-corruption.com/country-profiles/europe-central-asia/"</span> <span class="pl-c1">+</span> <span class="pl-s1">region</span> <span class="pl-c1">+</span> <span class="pl-s">"/snapshot.aspx"</span><span class="pl-kos">;</span>

                <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">".popover-title"</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">html</span><span class="pl-kos">(</span><span class="pl-s1">region</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
                <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">".popover-content"</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">html</span><span class="pl-kos">(</span><span class="pl-s">'&lt;a href='</span> <span class="pl-c1">+</span> <span class="pl-s1">snapshot_url</span> <span class="pl-c1">+</span> <span class="pl-s">' target="_blank"&gt;Snapshot&lt;/a&gt;&lt;/br&gt;&lt;a href="#"&gt;page 2&lt;/a&gt;&lt;/br&gt;&lt;a href="#"&gt;page 3&lt;/a&gt;&lt;/br&gt;&lt;a href="#"&gt;page 4&lt;/a&gt;&lt;/br&gt;'</span><span class="pl-kos">)</span><span class="pl-kos">;</span>

            <span class="pl-kos">}</span>
        <span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div>
<p dir="auto">So basically if there was already a popup on screen I would delete it so that the newly created popup will be alone in the page. Problem is that exactly the 6th time I was clicking on a country a popup would not be created!</p>
<p dir="auto">I ran this multiple times and ALWAYS happened.</p>
<p dir="auto">I solved it by triggering it manually and the issue is then resolved, but this is something that needs to be fixed..</p>
<p dir="auto"><strong>_NEW</strong>_<br>
UPDATE:<br>
You can see this I just uploaded to a site of mine:<br>
<a href="http://alufadminpanel.azurewebsites.net/tmpResource/jvmapCustom/samples/world.html" rel="nofollow">http://alufadminpanel.azurewebsites.net/tmpResource/jvmapCustom/samples/world.html</a> using bootstrap 3.</p>
<p dir="auto">or jsfiddle updated to bootstrap 3: <a href="http://jsfiddle.net/0pc5qzfa/42/" rel="nofollow">http://jsfiddle.net/0pc5qzfa/42/</a></p>
<p dir="auto">I see that with a list-group (non-linking) you use a <code class="notranslate">&lt;ul&gt;</code> but then when you want to add a link to the item, you remove the list and instead just put a series a <code class="notranslate">&lt;a href&gt;</code> elements all bundled together in a parent <code class="notranslate">&lt;div&gt;</code>.</p>
<p dir="auto">This approach is not inline with how you treat other lists that have links (like pagination, navs, navbars etc).</p>
<p dir="auto">Also, semantically, this seems incorrect.  A list is a list, regardless of whether it has links or not.</p>
<p dir="auto">I looked in previous issues to see if this was already raised but couldn't see anything.  Sorry if it's a duplicate.</p>
<p dir="auto">Bootstrap 3 is AWESOME by the way!!!!!!!!!!!!</p>