text in zeit keyboard page is shown in wrong place

[CYBAI]

The introduction text for the page should be shown under the 3d keyboard canvas but the introduction is overlapped the canvas in Servo.

Firefox	Servo

(Note: the zeit logo on the top of the page is svg so it's correct that it's not shown now)

Built with ada95b9 on macOS 10.14.6

[atouchet]

I tried loading https://zeit.co/keyboard in Windows 10 and it didn't work. I didn't realize the keyboard was rendered with WebGL at first.

Is that error sidebar new? I tried clicking on it but it just flickered in and out.

Edit: This is part of the web page, not Servo.

[CYBAI]

@atouchet I guess it's an error page from zeit instead 👀

[atouchet]

Ah, you are right. I tried disabling WebGL in Firefox and got the same error screen:

[jdm]

@atouchet Running with --angle on Windows should give you working webgl.

[atouchet]

Okay I tried reloading the page with --angle and now I get the same issue as @CYBAI.

[nicoabie]

I get the following output

ngallinal@ITs-Mac-mini-2 servo % ./mach run https://zeit.co/keyboard        
Version: bfe8d81fb39f3363f12809c80633ac47e9a5ed58
Check out our code here: https://vercel.com/oss
Have a great day! 📣🐢
THREE.WebGLRenderer: WEBGL_depth_texture extension not supported.
THREE.WebGLRenderer: .context has been removed. Use .getContext() instead.

I think the overlapping issue is the height property on the section element.
It is height: calc(100vh - 120px)
Without that property the text is overlapped in firefox as well.