Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Rotating squares in the background in twgljs.org is not rendered #26459

Open
CYBAI opened this issue May 7, 2020 · 4 comments
Open

Rotating squares in the background in twgljs.org is not rendered #26459

CYBAI opened this issue May 7, 2020 · 4 comments
Assignees
Labels
A-layout/uncategorized A-layout/2020 https://github.com/servo/servo/wiki/Layout-2020 C-has-manual-testcase

Comments

@CYBAI
Copy link
Member

CYBAI commented May 7, 2020

While checking https://twgljs.org/ on Firefox, we can see many squares rotating in the background but, in Servo, we can only see a blue background without rotating squares.

Servo Firefox
image image

Built with latest master (5ee1a48) on macOS 10.14.6

@atouchet
Copy link
Contributor

atouchet commented May 7, 2020

I am able to reproduce this issue in Windows 10 in the latest nightly build.

@jdm
Copy link
Member

jdm commented May 7, 2020

Here's a minimal testcase:

<div style="position: fixed; width: 100px; height: 100px; z-index: -1; background-color: green"></div>

If we don't use position fixed or z-index, the green box appears. In Layout 2013 this shows a blank page. In layout 2020 we see a green box, but I still don't see the background canvas on the original website.

@jdm
Copy link
Member

jdm commented May 7, 2020

Here's a minimal testcase for layout 2020:

<html>
<style>
html {
  background-color: blue
}
#frame {
  background-color: rgb(0, 0, 0, 0.7);
  color: #ddd;
}
#background {
  position: fixed;
  width: 100px;
  height: 100px;
  z-index: -1;
  background-color: green;
}
</style>
<div id="background"></div>
<div id="frame">hi</div>

@jdm jdm added A-layout/2020 https://github.com/servo/servo/wiki/Layout-2020 A-layout/uncategorized C-has-manual-testcase labels May 7, 2020
@mrobinson mrobinson self-assigned this May 9, 2020
@mrobinson
Copy link
Member

I believe that fixing this depends on #26121.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A-layout/uncategorized A-layout/2020 https://github.com/servo/servo/wiki/Layout-2020 C-has-manual-testcase
Projects
None yet
Development

No branches or pull requests

4 participants