mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-12 14:20:14 +02:00
ff2fd1291a
Automatic update from web-platform-tests Adds test for checking if a button has grid context applied properly -- Changes border colors and removes comment per @mrego's comment -- Fixes selector for span -- Switches from custom test to a checkLayout test per @mrego's comment -- Merge pull request #15210 from brob/grid-on-button [css-grid] Adds test for checking if a button has grid context applied properly -- wpt-commits: 59ffed26aeb09e0dc255528db2ea5e26728050fc, 06f6c1ceb1725b77753ff07bed3b2b50bcbafbc4, 1e9b89385b70b9811aeb7f30691bc53549f3cf30, 4e8a4a2186b6735b847f2505a9dcaf0f94331254, bde7e39ac47c77c3263a84936a8a7d55f162b8db wpt-pr: 15210
18 lines
No EOL
892 B
HTML
18 lines
No EOL
892 B
HTML
<!DOCTYPE html>
|
|
<title>Grid items work inside a button</title>
|
|
<meta name="assert" content="When a button is set to display: grid, its children should flow into its grid cells">
|
|
<link rel="author" title="Bryan Robinson" href="bryanlrobinson@gmail.com">
|
|
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#grid-containers">
|
|
<style>
|
|
.grid { display: grid; grid-template-columns: 100px 200px; border: 2px solid purple; box-sizing: border-box; }
|
|
span { border: 1px dashed green; box-sizing: border-box; }
|
|
</style>
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/resources/check-layout-th.js"></script>
|
|
|
|
<button class="grid" ><span class="item1" data-expected-width="100">item 1</span> <span class="item2" data-expected-width="200">item 2</span></button>
|
|
|
|
<script>
|
|
checkLayout("[data-expected-width]")
|
|
</script> |