www.formatia-rustic.ro - Charts are rendered incorrectly when refreshing the page

[claudiu64]

URL: https://www.formatia-rustic.ro/

Browser / Version: Firefox Mobile 114.0
Operating System: Android 11
Tested Another Browser: Yes Chrome

Problem type: Design is broken
Description: Articolele sunt nealiniate
Steps to Reproduce:
The tables on the website remain misaligned, load very hard or do not load at all. New Firefox profile. We can give several refreshes to the page, on that table and it can be observed. Loads very fast on Chrome.

View the screenshot

Browser Configuration

• gfx.webrender.all: false
• gfx.webrender.blob-images: true
• gfx.webrender.enabled: false
• image.mem.shared: true
• buildID: 20230521180321
• channel: beta
• hasTouchScreen: true
• mixed active content blocked: false
• mixed passive content blocked: false
• tracking content blocked: false

View console log messages

From webcompat.com with ❤️

[claudiu64]

mobizen_20230523_223417_001_001.mp4

mobizen_20230523_224116_001.mp4

In Chrome it loads instantly:

mobizen_20230523_230522.mp4

[softvision-raul-bucata]

We appreciate your report. I was not able to reproduce the issue:

20230524_090433.mp4

Tested with:

Browser / Version: Firefox Beta 114.0b7 (2015951939-🦎114.0-20230521180321)🦎)
Operating System: Samsung A51 (Android 11) -1080 × 2400 pixels 20:9 aspect ratio (~405 ppi density)
Operating System: Google Pixel 3 (Android 12) -1080 x 2160 pixels, 18:9 ratio (~443 ppi density)

Suggestion: Try clearing cache/data/cookies, disabling add-ons and Ad-blocker (if available) and extensions or use a clean profile (making sure that old data is not imported by account login/sync), and check again? If there are any changes made to the default settings of the browser (e.g. in about:config) please revert to the default settings and try again. Also, have the required cookies been accepted for this page?

[qa_21/2023]

[claudiu64]

We appreciate your report. I was not able to reproduce the issue:
20230524_090433.mp4

Tested with:

Browser / Version: Firefox Beta 114.0b7 (2015951939-🦎114.0-20230521180321)🦎) Operating System: Samsung A51 (Android 11) -1080 × 2400 pixels 20:9 aspect ratio (~405 ppi density) Operating System: Google Pixel 3 (Android 12) -1080 x 2160 pixels, 18:9 ratio (~443 ppi density)

@softvision-raul-bucata When you are at that table, in that list , refresh the page and this problem will reproduce. I also attached in the previous post a video of the reproduction and you will have to do a comparison with Chrome when loading that list. Follow this step several times and you can see. Can you check again?

[softvision-raul-bucata]

@claudiu64 I was able to reproduce the issue on Firefox Nightly on an Android 11, after refreshing the page multiple times. On some occasions, in a clean profile, the page presents the issue at the first access:

Tested with:

Browser / Version: Firefox Release 113.1.0 (2015950739-🦎113.0.1-20230511191846🦎)/ Firefox Nightly 115.0a1 (2015952355-🦎115.0a1-20230523214735🦎)/ Firefox Beta 114.0b7 (2015951939-🦎114.0-20230521180321)🦎)/ Chrome Mobile Version 113.0.5672.163
Operating System: Samsung A51 (Android 11) -1080 × 2400 pixels 20:9 aspect ratio (~405 ppi density)
Operating System: Google Pixel 3 (Android 12) -1080 x 2160 pixels, 18:9 ratio (~443 ppi density)

Notes:

1. Reproducible regardless of the status of ETP.
2. Reproducible on the latest build of Firefox Nightly and Release.
3. Works as expected using Chrome (refreshing the page shows the same glitch for about 1 second)

Moving this to NeedsDiagnosis for further investigations.

[inv_21/2023]

[claudiu64]

On this issue, I see that it is not due to the font size. This error occurs from other components in the application.