New issue
Advanced search Search tips

Issue 608301 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 567293
Owner: ----
Closed: May 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 2
Type: Compat



Sign in to add a comment

Rendering stops early on large block

Reported by jerem...@gmail.com, May 2 2016

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.86 Safari/537.36

Example URL:
https://jsfiddle.net/sjL1a4n1/4/

Steps to reproduce the problem:
1. Go to https://jsfiddle.net/sjL1a4n1/4/
2. Scroll all the way down.
3. Notice that the orange block is not rendered past a certain point.

What is the expected behavior?
The orange block is 20,000px tall, which stretches the page to ~20,000 pixels. The block should be visible all the way to the bottom - with a default margin.

What went wrong?
The orange block is not rendered all the way, while it is in other browsers.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes 

Chrome version: 50.0.2661.86  Channel: stable
OS Version: OS X 10.11.4
Flash Version: Shockwave Flash 21.0 r0
 

Comment 1 by jerem...@gmail.com, May 2 2016

Sorry, this fiddle has 20,000px:
https://jsfiddle.net/sjL1a4n1/5/

The other one only had a height of 10,000px.

The bug is only visible with 10,000px on retina screens, while it takes double that to see an issue on normal screens.
Components: Blink
Components: -Blink Blink>Paint
Layout seems to be computed correctly. Seems to be a painting issue.
Labels: -OS-Mac OS-All
Appears to occur on Linux as well. Setting OS to all; expecting it to occur on all OSes.
Mergedinto: 567293
Status: Duplicate (was: Unconfirmed)
This is because we currently have a limitation on rounded corner masking
when composited. You can't have a mask on an element larger than ~16000px
(or about half that that on Retina)

Sign in to add a comment