diff --git a/components/layout/multicol.rs b/components/layout/multicol.rs index 22f8e3e24ab..3659d50e219 100644 --- a/components/layout/multicol.rs +++ b/components/layout/multicol.rs @@ -106,9 +106,8 @@ impl Flow for MulticolFlow { { let column_style = self.block_flow.fragment.style.get_column(); - // FIXME(#20498): This should support percentages too. let column_gap = match column_style.column_gap { - Either::First(len) => len.into(), + Either::First(len) => len.0.to_pixel_length(content_inline_size).into(), Either::Second(_normal) => self.block_flow.fragment.style.get_font().font_size.size(), }; diff --git a/components/style/properties/longhand/column.mako.rs b/components/style/properties/longhand/column.mako.rs index 9113479218b..13ae02987a0 100644 --- a/components/style/properties/longhand/column.mako.rs +++ b/components/style/properties/longhand/column.mako.rs @@ -32,7 +32,7 @@ ${helpers.predefined_type( <% # FIXME(#20498): Servo should support percentages in column-gap. -col_gap_type = "NonNegativeLengthOrPercentageOrNormal" if product == "gecko" else "NonNegativeLengthOrNormal" +col_gap_type = "NonNegativeLengthOrPercentageOrNormal" %> ${helpers.predefined_type( "column-gap",