Auto merge of #6251 - glennw:fix-overflow, r=nox

This fixes layers being created with a 3x3 overflow that's not needed.

This exposes https://github.com/servo/servo/issues/6250, so update the affected reftest to use ahem font until it is fixed.

<!-- Reviewable:start -->
[<img src="https://reviewable.io/review_button.png" height=40 alt="Review on Reviewable"/>](https://reviewable.io/reviews/servo/servo/6251)
<!-- Reviewable:end -->

components/style/properties.mako.rs

@@ -294,13 +294,38 @@ pub mod longhands {
     </%self:longhand>
 
     <%self:longhand name="outline-width">
-        pub use super::border_top_width::get_initial_value;
+        use values::computed::{ToComputedValue, Context};
-        pub type SpecifiedValue = specified::Length;
+        use util::geometry::Au;
-        pub mod computed_value {
+        use cssparser::ToCss;
-            pub use util::geometry::Au as T;
+        use std::fmt;
+
+        impl ToCss for SpecifiedValue {
+            fn to_css<W>(&self, dest: &mut W) -> fmt::Result where W: fmt::Write {
+                self.0.to_css(dest)
             }
+        }
+
         pub fn parse(_context: &ParserContext, input: &mut Parser) -> Result<SpecifiedValue, ()> {
-            specified::parse_border_width(input)
+            specified::parse_border_width(input).map(SpecifiedValue)
+        }
+        #[derive(Clone, PartialEq)]
+        pub struct SpecifiedValue(pub specified::Length);
+        pub mod computed_value {
+            use util::geometry::Au;
+            pub type T = Au;
+        }
+        pub use super::border_top_width::get_initial_value;
+        impl ToComputedValue for SpecifiedValue {
+            type ComputedValue = computed_value::T;
+
+            #[inline]
+            fn to_computed_value(&self, context: &Context) -> computed_value::T {
+                if !context.outline_style_present {
+                    Au(0)
+                } else {
+                    self.0.to_computed_value(context)
+                }
+            }
         }
     </%self:longhand>
 
@@ -4518,6 +4543,7 @@ pub mod shorthands {
 
     <%self:shorthand name="outline" sub_properties="outline-color outline-style outline-width">
         use values::specified;
+        use properties::longhands::outline_width;
 
         let _unused = context;
         let mut color = None;
@@ -4540,7 +4566,7 @@ pub mod shorthands {
                 }
             }
             if width.is_none() {
-                if let Ok(value) = input.try(specified::parse_border_width) {
+                if let Ok(value) = input.try(|input| outline_width::parse(context, input)) {
                     width = Some(value);
                     any = true;
                     continue
@@ -5542,6 +5568,7 @@ pub fn cascade(viewport_size: Size2D<Au>,
             border_right_present: false,
             border_bottom_present: false,
             border_left_present: false,
+            outline_style_present: false,
         }
     };
 
@@ -5612,6 +5639,13 @@ pub fn cascade(viewport_size: Size2D<Au>,
                 PropertyDeclaration::TextDecoration(ref value) => {
                     context.text_decoration = get_specified!(get_text, text_decoration, value);
                 }
+                PropertyDeclaration::OutlineStyle(ref value) => {
+                    context.outline_style_present =
+                        match get_specified!(get_outline, outline_style, value) {
+                            BorderStyle::none => false,
+                            _ => true,
+                        };
+                }
                 % for side in ["top", "right", "bottom", "left"]:
                     PropertyDeclaration::Border${side.capitalize()}Style(ref value) => {
                         context.border_${side}_present =

components/style/values.rs

@@ -919,7 +919,8 @@ pub mod computed {
         pub border_bottom_present: bool,
         pub border_left_present: bool,
         pub is_root_element: bool,
-        pub viewport_size: Size2D<Au>
+        pub viewport_size: Size2D<Au>,
+        pub outline_style_present: bool,
         // TODO, as needed: viewport size, etc.
     }
 

tests/ref/inline_block_stacking_context_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
     <head>
+        <link rel="stylesheet" type="text/css" href="css/ahem.css">
         <style type="text/css">
             * {
                 margin: 0;

tests/ref/inline_block_stacking_context_ref.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
     <head>
+        <link rel="stylesheet" type="text/css" href="css/ahem.css">
         <style type="text/css">
             * {
                 margin: 0;