question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Content not shown in popover

See original GitHub issue

I upgraded from 1.3 to 1.4. In 1.3 my popovers were all well. With 1.4 they showed up, but the content text was missing - only the title was visible.

I even tried with the code from demo:

<a href="#" class="btn danger" rel="popover" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A title">hover for popover</a>

I could workaround this situation with adding my own function to the content parameter, like here:

$("a[rel=popover]").popover({
       offset: 10,
       placement: 'above',
        content : function() {
                     return $(this).attr('data-content');
        }
        }).click(function(e) {
             e.preventDefault()
        })

It seems this function is broken with 1.4. I am just curious why the demo is working.

Issue Analytics

  • State:closed
  • Created 12 years ago
  • Comments:9 (3 by maintainers)

github_iconTop GitHub Comments

5reactions
dgoringcommented, Sep 11, 2019

Try turning off sanitize

$('[data-toggle="popover"]').popover({
   ...
    sanitize: false,
    ...
});

0reactions
dws-arjuncommented, Aug 31, 2016

data-content is not able to show text starts with ‘<’ e.g data-content='

<hello
…can anyone help me? See above example also unable to show the text bcoz i’ve inserted some text started with ‘<’. I don’t want to use ‘’ tag.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Bootstrap popover not showing content - Stack Overflow
I can get the popover to show up when the link is clicked however I don't see any content in the box except...
Read more >
Bootstrap 3.4.1 popover content not shown on Chrome #28290
Hi, Windows 10 Chrome 72 The popover content (div class="container-fluid") is not shown on Chrome when using Bootstrap 3.4.1.
Read more >
HTML : Bootstrap popover not showing content - YouTube
HTML : Bootstrap popover not showing content [ Beautify Your Computer : https://www.hows.tech/p/recommended.html ] HTML : Bootstrap popover ...
Read more >
Data Popover from Bootstrap is not working with HTML in ...
Problem: When I use the native Bootstrap PopOver with HTML in it's content, the frontend is not displaying that PopOver and the HTML...
Read more >
Popovers · Bootstrap v5.0
Zero-length title and content values will never show a popover. Specify container: 'body' to avoid ... Triggering popovers on hidden elements will not...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found