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.

No popup for ANY image I mouseover

See original GitHub issue

The commit: handle autoscaled SVG + code cosmetics (which was the 4th after the release of v1.1.3), has caused me the following:

from that point, there’s no popup with the full image for ANY image I mouseover anymore, the image zoom becomes displayed as NaN% at some point, but the accompanying text is displayed ok (but only that) on the upper part of the page, and pressing t (open in new tab) or d (download image) both still work ok.

Note: the version before that commit, i.e. https://github.com/tophf/mpiv/commit/174366ed6cc328564e3df7487f07a7562c02c62b works fine.

STR in a fresh Chrome profile with only Tampermonkey beta/Violentmonkey and the script of https://github.com/tophf/mpiv/commit/3e1ade87cd2c1450024fb099b2f5a81e9f34f052

  • import my various rules (see below)
  • go to e.g. https://www.instagram.com/instagram/
  • hover any image. Notice the following:
    • the cursor spins forever as I mouseover any video thumbnail
    • there’s no popup (with the full image) for ANY image I mouseover,
    • the first time I mouseover any image, the accompanying text of the relevant post is displayed on top of the page ok (but there’s no zoom info, image dimensions or MP). If I mouseover again, then the zoom level is displayed as NaN% e.g. Screenshot (1538)
    • pressing t (open in new tab) or d (download image) both still work ok.

The rules that I import, are too many to post them here, so, I attach them as text file: my rules.txt

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:9 (6 by maintainers)

github_iconTop GitHub Comments

2reactions
tophfcommented, Mar 6, 2020

Fixed in 06fb865c.

1reaction
tophfcommented, Mar 7, 2020

Fixed now in MPIV.

The problem was exacerbated by the following rule:

{
  "r": "(.*\\.uvnimg\\.com/.*/)\\?url=(.*)",
  "s": "$2"
}

It should be "(\\.uvnimg\\.com/.*?/)\\?url=(.*)" or "(^.*?\\.uvnimg\\.com/.*?/)\\?url=(.*)"

You’re using an unnecessary .* in many of your rules, for example: .*\\.(jpe?|pn)g.* should be \\.(jpe?|pn)g because you’re not using those parts covered by .* anywhere. The “greedy” .* is a known cause for catastrophic backtracking so it may take minutes to resolve. If you absolutely have to use it, prefer its non-greedy version .*? or find about other ways to safeguard against catastrophic backtracking like positive/negative lookahead.

Read more comments on GitHub >

github_iconTop Results From Across the Web

When I hover on certain images, I used to get a popup with ...
When I hover on certain images, I used to get a popup with information. That no longer works, but it does work in...
Read more >
Position popup image on mouseover - Stack Overflow
It basically just displays the image on hover and then uses CSS for positioning. TIP Use the chrome dev tools to inspect something...
Read more >
Pop ups while mouse hovering over images, etc.
Whenever I mouse over a pic, link, dialogue box, etc., on a web page, a popup window appears to "describe" the item, typically...
Read more >
Image Popup on hover - DEV Community ‍ ‍
First Step: We will be placing the two images side by side, the thumbnail image and the larger image as seen in the...
Read more >
How to show image on mouseover in Excel? - ExtendOffice
In Excel, if you want to insert a pop-up picture, you need the aid of a comment. 1. Select a cell that you...
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