crazy image resize flickering on https://www.emma-matratze.at/

[andikay]

It's a mattress shop website where you can look at their different mattress models. When you click any of them, like https://www.emma-matratze.at/emma-premi ... -matratze/ for example, as soon as the page fully loads the main product image keeps resizing and flickering across the screen, making the site unusable.

I have tested this with the newest PM 33.0.1 x64 on a fresh profile without any active addons. The Warnings/Errors I get are as follows:

Code: Select all

<source> element has no “src” attribute. Media resource load failed. 
All candidate resources failed to load. Media load paused.  
(I get these two warnings 6x in total)

TypeError: NetworkError when attempting to fetch resource. (unknown)
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user’s experience. For more help http://xhr.spec.whatwg.org/
910bfeb.modern.js:1:2015505

Use of attributes’ textContent attribute is deprecated. Use value instead.
4c2f52a.modern.js:1:85992

[lunapalida]

PM Portable 33.0.1 32 bit on Win10 22H2
35 xpi

works fine here, no issues like resize or flicker

[Night Wing]

The site does not work for me. Like the OP stated, it flickers like crazy for me too.

At this time, I am using 64 bit linux Pale Moon 33.0.1 running in 64 bit linux Mint 21.3 (Virginia) Xfce.

[Kris_88]

Flickers if the browser window width is greater than 1024.

[Moonchild]

Another victim of (bad) "responsive design" then.

[Night Wing]

Flickers if the browser window width is greater than 1024.

Just plain dumb.

I would kick that poorly responsive designed site to the curb and never visit it again.

[suzyne]

I would kick that poorly responsive designed site to the curb and never visit it again.

Or temporarily reduce the width of your browser window and continuing shopping.

[Night Wing]

I would kick that poorly responsive designed site to the curb and never visit it again.

Or temporarily reduce the width of your browser window and continuing shopping.

Let me play "Devil's Advocate" for a moment.

Why would I want to continue shopping by playing around with my browser's width window.......which I do not want to do........and give that site my hard earned money to purchase something..............to someone who doesn't know how to create a website properly if the owner of that site is the one who designed it that way on purpose?

[Moonchild]

So, question: have you actually contacted the website owners and reported this issue? Because if not, then any discussion about whether you want to work around it or not is irrelevant -- most webmasters will not be aware of Pale Moon or the issue there is, as a result, if not reported.

Your first step should always be to give webmasters the opportunity to fix a web compat issue before taking a "hard line".

[Night Wing]

So, question: have you actually contacted the website owners and reported this issue? Because if not, then any discussion about whether you want to work around it or not is irrelevant -- most webmasters will not be aware of Pale Moon or the issue there is, as a result, if not reported.

Let me play "Devil's Advocate" a second time.

The Chrome browser came into being, took off in popularity and quickly gained a lot of market share. Microsoft had the Edge browser, but it wasn't based on the same engine Chrome is based on. Even Microsoft had to change their engine for Edge to something similar to Chrome so Edge wouldn't be "left out in the cold" if you get my drift.

The webmaster's I have contacted in the past, most will only test for Chrome, Edge, Firefox and Safari. They do not want to test for a niche browser like Pale Moon. Their "stock" answer is to use a "modern" browser like the four I just stated in the previous sentence. Too much of a hassle is their thinking. While a few didn't even reply to me. In essence, they gave me the "brush off".

So if I really do not need that site because there are alternative sites, I go with the alternative sites. But if there is a site I do need and does not want to play well with Pale Moon, then I am "forced" to use a second browser. In other words, I have to "hold my nose and bite the bullet" as they say.

I use three different linux distros. They are MX Linux, Linux Mint and Debian. All three have Firefox as their installed default browser. But I do not use Firefox. I add Pale Moon, then Waterfox and finally, SeaLion. So Waterfox is my backup browser to Pale Moon when I have a site that I "need, like and want" because Pale Moon has trouble on those sites.

To sum up for this topic. The site in question does not meet my "need's, like's and want's" so I give them the hard line because they've earned the hard line and I never visit that site again because there are alternative sites.

[Moonchild]

unpopular opinion incoming:

You're not being a devil's advocate; you're just being selfish. By not bothering to report something because you're happy to move on, the next person will just run into the same thing because the issue wasn't communicated. The right thing to do is let them know; whether you are choosing to not shop there in the future or not is still up to you but at least give the next person a chance to not run into the same problem. You'd be helping them, you'd be helping us as well by improving the web (and moving it away from Chromopoly) one site at a time.

[andikay]

I am curious what exactly the issue with the website in question is, i.e. what causes this flickering? And the most unpopular question here apparently, but I have to ask it nonetheless because it is relevant for users: Why does it not occur on FF?

[Moonchild]

what causes this flickering?

Multiple possible causes, which I won't know without doing the webmaster's research for them by reverse-engineering their layout.

Why does it not occur on FF?

Gecko and Goanna are not the same layout and rendering engine. For example Gecko will normally round down borders, while Goanna rounds to nearest for a truer representation of border widths. Our font rendering is different as well. We even use a completely different low-level back-end for it (cairo vs. Skia) so all of that can make metrics different and cause layout instability if the design of it has been too "tight"

[Night Wing]

unpopular opinion incoming:

You're not being a devil's advocate; you're just being selfish. By not bothering to report something because you're happy to move on, the next person will just run into the same thing because the issue wasn't communicated. The right thing to do is let them know; whether you are choosing to not shop there in the future or not is still up to you but at least give the next person a chance to not run into the same problem. You'd be helping them, you'd be helping us as well by improving the web (and moving it away from Chromopoly) one site at a time.

Unpopular opinion in response.

To Each, Their Own.

[suzyne]

Why would I want to continue shopping by playing around with my browser's width window...

All this talk about browsers and webmasters is important. But for me, in this case it is 100% about the mattresses, not being familiar with that particular company, I cannot say whether I would buy from them?

But I am happy to buy from crappy websites if they have what I am looking for and the price is right.

Usually, I am simply delighted when there is a website that sells online, so I don't need to visit a store. Anything else, such as whether the website is good, is essentially a welcome bonus.

On the other hand, if there are other businesses I can use that have the same items, I guess punishing one that doesn't appreciate effective web design might bring some personal gratification?