1962136 - www.aa.com.tr - Background of article headline is rendered broken

Status: NEW

(Web Compatibility :: Site Reports, defect, P2)

Description

[Raul Bucata]

Environment:
Operating system: Windows 10
Firefox version: Firefox 137.0

Steps to reproduce:

1. Navigate to: https://www.aa.com.tr/en
2. Observe the background of the article headline

Expected Behavior:
The white background is fully loaded

Actual Behavior:
The white background is rendered broken

Notes:

• Reproduces regardless of the status of ETP
• Reproduces in firefox-nightly, and firefox-release
• Does not reproduce in chrome

Created from https://github.com/webcompat/web-bugs/issues/153750

Comment 1

[Raul Bucata]

Attachment: ff vs chrome

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

Since nightly and release are affected, beta will likely be affected too.
For more information, please visit BugBot documentation.

Comment 3

[Daniel Holbert [:dholbert]]

This is -webkit-box-decoration-break: clone;

Here's the rule in question:

.beyaz-manset {
	background-color: white;
	line-height: 60px;
	font-family: GothamNarrow-Black;
	box-shadow: 0px 0px 0px 10px white;
	-webkit-box-decoration-break: clone;
}

https://cdnassets.aa.com.tr/assets/newVersion/css/style.css?v=2.8.8

The issue goes away if I use devtools to add box-decoration-break: clone; to this class.

I filed bug 1962618 to add support for this vendor-prefixed alias.