Odd display problem

[LordPhobos]

Hi CaniDev, I'm really enjoying, alongside my users, this extensions.

But sometimes, randomically, we've got a strange issue: the reaction images covered by a "display more" like icon like the one used in coreCBB.

See the image:



It happens with all styles and both on desktop and mobile visualizations.
It is totally random.

How can I solve the problem?

Thanks in advance.

[IvanPF]

It's strange but I'll check it out

Edit: If you click on the icon that appears, what happens?

[LordPhobos]

Exactly the same thing that happens when I click on an image, it opens a popup with the image.
It seems it happens after i clear the cache, but I'm not sure.

[IvanPF]

I have reviewed the code and I do not see what could be the cause of this problem. I have not been able to replicate it in another forum to test either.

[LordPhobos]

Very strange.
Could it be caused by this extension?

https://github.com/Tatiana5/autoimage

Even if the format displayed is from your cbb core.

[IvanPF]

I've reviewed the code for that extension and I don't think it's the culprit.
What browser do you use to access the forum?

[LordPhobos]

I use google Chrome on pc and mobile device, but my users tell me it happens even with firefox or safari.

[IvanPF]

I was asking you to give you an indication and try to find the problem.
In Chrome, when you encounter the problem, press Ctrl + Shift + J to open the developer tools.
See if any errors appear in the "console" tab and also, in the first tag (elements) select the "html" element, right click > Copy > Copy outerHTML and paste here with the bbcode [code]. That way I will be able to see if there is any variation that affects the normal operation.

[LordPhobos]

I'll do it as soon as it happens again.

[LordPhobos]

The problem only happens when you open a page of the board with reactions (so, the viewtopic) for the FIRST TIME with a device.

Errors in the console are realtive to google and youtube for other unrelated reasons, a part from this that I do not understand:

Code: Select all

[Report Only] Refused to connect to 'data:text/plain;base64,Cg==' because it violates the following Content Security Policy directive: "default-src 'self' https: blob:". Note that 'connect-src' was not explicitly set, so 'default-src' is used as a fallback.

Here's the html:

Code: Select all

<a href="/reactions?mode=view&amp;post=6468&amp;reaction=13" title="Asd (2)" style="z-index: 2;" class="cbb-btn rsz-link"><i class="fa fa-external-link" aria-hidden="true"></i></a>