If a large media element originates from css, you cannot click the element to fetch the image.

[pseay]

Prerequisites

• I verified that this is not a filter issue (MUST be reported at filter issue tracker)
• This is not a support issue or a question
• I performed a cursory search of the issue tracker to avoid opening a duplicate issue
• The issue is not present after wholly disabling uBlock Origin ("uBO") in the browser
• I checked the documentation to understand that the issue I report is not a normal behavior

I tried to reproduce the issue when...

• uBO is the only extension
• uBO with default lists/settings
• using a new, unmodified browser profile

Description

If the large media element is in a style attribute (e.g. style="background-image: url(https://...)" ) and the image is blocked, clicking on the image placeholder will not cause the image to be reloaded.

A specific URL where the issue occurs

https://www.spreadprivacy.com/one-click-preference-menu/

Steps to Reproduce

1. If your setting "Block media elements larger than [ ] KB" is above 62 KB, set it to something lower like 50 KB (default)
2. Go to this article: https://www.spreadprivacy.com/one-click-preference-menu/
3. Toggle the large media element blocking so it's on
4. Hit ⌘/Ctrl + Shift + r to reload the page ignoring the cache

Expected behavior

I would expect the image placeholder to have a dotted red border around it and that when I click on it, it would fetch the image and display it.

Actual behavior

The image placeholder was not recognized by uBlock and so I could not interactively reload the image by clicking on the placeholder.

uBlock Origin version

v1.36.2

Browser name and version

Brave: Version 1.27.108 Chromium: 92.0.4515.107 (Official Build) (64-bit)

Operating System and version

Windows 10. Version: 21H1

[gorhill]

I don't believe this can be fixed, or if it can be fixed somehow, I suspect it would take a huge amount of work, so closing as wontfix. This has to be accepted as a limitation of the feature.

[Rudxain]

I have a similar problem with Tumblr (no-scripting): images seem to get fetched, but not displayed.

An easy workaround (on Firefox Android) is to hold (right-click equivalent) the element, then "Open image in new tab"

[stephenhawk8054]

@Rudxain Can you give exact link?

No content is being able to load when I use no-scripting, and no images requests are being fetched to me either:

[Rudxain]

@Rudxain Can you give exact link?

I meant image posts, such as this one

[Rudxain]

Can someone please mention this issue in the Wiki?

[stephenhawk8054]

Images shown normally for me with no-scripting

[Rudxain]

Before click:

After click:

[gorhill]

The issue is that the img element doesn't have a src attribute, it has only a srcset attribute, and the content script responsible to force a load of an image on click doesn't take into account the srcset element. This is fixable, and will be fixed in next dev cycle.