fune/testing/web-platform/tests/css/css-flexbox/flexbox-with-multi-column-property.html
Carlos Alberto Lopez Perez 9be5549f4f Bug 1628099 [wpt PR 22762] - flexbox-with-multi-column-property.html: set "font-kerning: none;", a=testonly
Automatic update from web-platform-tests
flexbox-with-multi-column-property.html: set "font-kerning: none;" (#22762)

* The reference for this test uses "font-kerning: none;" but not the test itself,
this causes small pixel differences on WebKit that trigger a failure on the test,
when the test its really passing.

* Removing "font-kerning: none;" from the reference causes failures on Chrome,
so let's add "font-kerning: none;" to the test.
That allow both Chrome and WebKit to pass.
--

wpt-commits: 8127518ff0d26b90e657548ff4c1274094c10529
wpt-pr: 22762
2020-04-13 14:08:32 +00:00

22 lines
796 B
HTML

<!DOCTYPE html>
<title>CSS Flexbox: column-* properties are ignored.</title>
<link rel="stylesheet" href="support/flexbox.css">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-containers">
<link rel="help" href="https://drafts.csswg.org/css-multicol-1/#propdef-column-count">
<link rel="match" href="reference/flexbox-with-multi-column-property-ref.html">
<meta name="assert" content="This test ensures that column-* properties (in the Multicol module) have no effect on a flex container."/>
<style>
.flexbox, .inline-flexbox {
column-count: 2;
column-gap: 100px;
width: 20em;
font-kerning: none;
}
</style>
<div class="flexbox">
AAAAAAAAAA BBBBBBBBBB CCCCCCCCCC DDDDDDDDDD
</div>
<div class="inline-flexbox">
AAAAAAAAAA BBBBBBBBBB CCCCCCCCCC DDDDDDDDDD
</div>