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.

Image Popover not showing in Firefox (boostrap 4)

See original GitHub issue

I am using summernote v0.8.9 with bootstrap 4 and in firefox image popover not working. On image click its only showing selected image border not showing image popover with the action button.

capture And in the console, this message appears

ReferenceError: event is not defined
[Learn More]
TablePopover.js:8:9

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:8 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
patrickmaascommented, Mar 12, 2018

I have the same error with bootstrap 3 – I think that this is not about the bootstap version. As a workaround I’ve passed popatmouse: false to the summernote config which disables the popover from appearing next to the mouse position. I’d appreciate a real solution for that.

0reactions
DiemenDesigncommented, Oct 14, 2019

It looks like the PR above fixes this issue, and I was unable to replicate the issue with the current Summernote.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Bootstrap Popover - Images appearing in wrong position ...
If the content of the popover is text then it is displayed correct first time in all browsers but the issue appears for...
Read more >
Popovers
Toggles an element's popover. Returns to the caller before the popover has actually been shown or hidden (i.e. before the shown.bs.popover or hidden.bs....
Read more >
Popups - Mozilla - MDN Web Docs
When setting the popup width in CSS, you should set the it in the <body> and not in the :root . In Firefox...
Read more >
Deep dive
Super Simple WYSIWYG Editor on Bootstrap Summernote is a JavaScript library that helps you create WYSIWYG ... Air-mode has its own popover, not...
Read more >
Bootstrap 4 | Popover
The popover is an attribute of bootstrap that can be used to make any website look more dynamic. Popovers are generally used to...
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