eu.community.samsung.com - The page header is not rendered correctly

[webcompat-bot]

URL: https://eu.community.samsung.com/t5/english/ct-p/uk

Browser / Version: Firefox Mobile 91.0 Operating System: Android 11 Tested Another Browser: Yes Edge

Problem type: Design is broken Description: Items are misaligned Steps to Reproduce: The header image should be one image but instead it has 3 , it's not rendered properly

View the screenshot

Browser Configuration

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

View console log messages

From webcompat.com with ❤️

[softvision-raul-bucata]

We appreciate your report. I was able to reproduce the issue. The header of the page is not rendered as expected:

Tested with: Browser / Version: Firefox Nightly 91.0a1 (2015815179-🦎91.0a1-20210607094749🦎)/ Edge 46.04.4.5157 Operating System: Samsung A51 (Android 11) -1080 × 2400 pixels 20:9 aspect ratio (~405 ppi density)

Notes:

1. Reproducible regardless of the status of ETP
2. Reproducible on the latest build of Firefox Nightly
3. Works as expected using Edge:

Moving this to NeedsDiagnosis for further investigations.

[karlcow]

This is a site mistake.

The easy fix is

/* samsungeu.css | https://eu.community.samsung.com/skins/1648493/633d4afb0ea5c3aee4f850a5b6865d67/samsungeu.css */

@media screen and (max-width: 991px) {
  .samsung-hero {
    /* background-repeat-y: no-repeat; */
    background-repeat: no-repeat;
  }
}

This also fails on Safari.

Chrome is the outlier here by implementing a non valid set of properties. https://codepen.io/webcompat/pen/eYvQyBB

This is a chrome bug. Assigning to @miketaylr

[webcompat-bot]

Generate outreach template

[karlcow]

Samsung still needs to be contacted.