1431732 - Content background scrolls over chrome theme background image

Status: RESOLVED WORKSFORME

(Core :: Web Painting, defect)

Description

[Dirkjan Ochtman (:djc)]

Attachment: Background scrolled over Firefox theme chrome background

Scrolling on http://www.fogcreek.com/careers on macOS with 59.0a1 (2018-01-19) (64-bit) shows some of the page background scrolling over the chrome theme (using the Nightly theme). See attached screenshot.

The source has nav.navbar > div.slanted_bg.

.navbar {
    height: 70px;
    position: relative;
    z-index: 1;
}

.slanted-bg {
    -webkit-transform: skewY(-2deg);
    -ms-transform: skewY(-2deg);
    transform: skewY(-2deg);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

Comment 1

[Chris Lord [:cwiiis]]

Just a note, the effect of this is really pleasant and eye-catching. Maybe a designer should have a look at this and consider prototyping such an effect in a purposeful manner instead of as a bug side-effect :)

Comment 2

[Dirkjan Ochtman (:djc)]

As a security-sensitive user, I had a lot of WTF about content affecting the chrome area of the screen. For example, this looks like it could help improve spoofing doorhanger panels.

Comment 3

[Pascal Chevrel:pascalc]

Dirkjan, do you have webrender activated?

Comment 4

[Dirkjan Ochtman (:djc)]

I think I was -- should have mentioned that! But I can no longer reproduce this bug, so it's probably been fixed in the meantime.