Auto merge of #9446 - glennw:zero-perspective, r=pcwalton

Fix panic when perspective property is zero.

<!-- Reviewable:start -->
[<img src="https://reviewable.io/review_button.svg" height="40" alt="Review on Reviewable"/>](https://reviewable.io/reviews/servo/servo/9446)
<!-- Reviewable:end -->
This commit is contained in:
bors-servo 2016-01-29 04:35:04 +05:30
commit 1483a5de32
4 changed files with 104 additions and 2 deletions

View file

@ -63,6 +63,23 @@ use util::range::Range;
/// The logical width of an insertion point: at the moment, a one-pixel-wide line. /// The logical width of an insertion point: at the moment, a one-pixel-wide line.
const INSERTION_POINT_LOGICAL_WIDTH: Au = Au(1 * AU_PER_PX); const INSERTION_POINT_LOGICAL_WIDTH: Au = Au(1 * AU_PER_PX);
// TODO(gw): The transforms spec says that perspective length must
// be positive. However, there is some confusion between the spec
// and browser implementations as to handling the case of 0 for the
// perspective value. Until the spec bug is resolved, at least ensure
// that a provided perspective value of <= 0.0 doesn't cause panics
// and behaves as it does in other browsers.
// See https://lists.w3.org/Archives/Public/www-style/2016Jan/0020.html for more details.
#[inline]
fn create_perspective_matrix(d: Au) -> Matrix4 {
let d = d.to_f32_px();
if d <= 0.0 {
Matrix4::identity()
} else {
Matrix4::create_perspective(d)
}
}
pub trait FragmentDisplayListBuilding { pub trait FragmentDisplayListBuilding {
/// Adds the display items necessary to paint the background of this fragment to the display /// Adds the display items necessary to paint the background of this fragment to the display
/// list if necessary. /// list if necessary.
@ -1241,7 +1258,7 @@ impl FragmentDisplayListBuilding for Fragment {
Matrix4::create_rotation(ax, ay, az, theta) Matrix4::create_rotation(ax, ay, az, theta)
} }
transform::ComputedOperation::Perspective(d) => { transform::ComputedOperation::Perspective(d) => {
Matrix4::create_perspective(d.to_f32_px()) create_perspective_matrix(d)
} }
transform::ComputedOperation::Scale(sx, sy, sz) => { transform::ComputedOperation::Scale(sx, sy, sz) => {
Matrix4::create_scale(sx, sy, sz) Matrix4::create_scale(sx, sy, sz)
@ -1282,7 +1299,7 @@ impl FragmentDisplayListBuilding for Fragment {
-perspective_origin.y, -perspective_origin.y,
0.0); 0.0);
let perspective_matrix = Matrix4::create_perspective(d.to_f32_px()); let perspective_matrix = create_perspective_matrix(d);
pre_transform.mul(&perspective_matrix).mul(&post_transform) pre_transform.mul(&perspective_matrix).mul(&post_transform)
} }

View file

@ -3548,6 +3548,18 @@
"url": "/_mozilla/css/percentage_width_inline_block_a.html" "url": "/_mozilla/css/percentage_width_inline_block_a.html"
} }
], ],
"css/perspective_zero.html": [
{
"path": "css/perspective_zero.html",
"references": [
[
"/_mozilla/css/perspective_zero_ref.html",
"=="
]
],
"url": "/_mozilla/css/perspective_zero.html"
}
],
"css/pixel_snapping_border_a.html": [ "css/pixel_snapping_border_a.html": [
{ {
"dpi": "2", "dpi": "2",
@ -9640,6 +9652,18 @@
"url": "/_mozilla/css/percentage_width_inline_block_a.html" "url": "/_mozilla/css/percentage_width_inline_block_a.html"
} }
], ],
"css/perspective_zero.html": [
{
"path": "css/perspective_zero.html",
"references": [
[
"/_mozilla/css/perspective_zero_ref.html",
"=="
]
],
"url": "/_mozilla/css/perspective_zero.html"
}
],
"css/pixel_snapping_border_a.html": [ "css/pixel_snapping_border_a.html": [
{ {
"dpi": "2", "dpi": "2",

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>
<head>
<link rel='match' href='perspective_zero_ref.html'>
<style type="text/css">
html, body {
margin: 0;
}
#outer {
perspective: 0px;
transform-style: preserve-3d;
}
#inner {
position: absolute;
top: 100px;
left: 100px;
width: 100px;
height: 100px;
background-color: green;
transform: translate3d(0, 0, 0);
}
</style>
</head>
<body>
<div id="outer">
<div id="inner"></div>
</div>
</body>
</html>

View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html, body {
margin: 0;
}
#outer {
perspective: 10px;
transform-style: preserve-3d;
}
#inner {
position: absolute;
top: 100px;
left: 100px;
width: 100px;
height: 100px;
background-color: green;
transform: translate3d(0, 0, 0);
}
</style>
</head>
<body>
<div id="outer">
<div id="inner"></div>
</div>
</body>
</html>