source-order-invalid.html (1155B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <meta name="timeout" content="long"> 4 <title>CSS Display: reading-flow with value source-order should not work</title> 5 <link rel="help" href="https://drafts.csswg.org/css-display-4/#reading-flow"> 6 <link rel="author" title="Di Zhang" href="mailto:dizhangg@chromium.org"> 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 <script src="/resources/testdriver.js"></script> 10 <script src="/resources/testdriver-vendor.js"></script> 11 <script src="/resources/testdriver-actions.js"></script> 12 <script src='../../resources/shadow-dom.js'></script> 13 <script src="../../resources/focus-utils.js"></script> 14 15 <style> 16 .wrapper { 17 display: inline; 18 reading-flow: source-order; 19 } 20 </style> 21 22 <div class="test-case" data-expect="a,b,c" 23 data-description="Inline elements. Focus should be in DOM tabindexed-order."> 24 <div class="wrapper"> 25 <button id="a" style="reading-order: 1">Item A</button> 26 <button id="b" style="reading-order: -1">Item B</button> 27 <button id="c" style="reading-order: 0">Item C</button> 28 </div> 29 </div> 30 31 <script> 32 runFocusTestCases(); 33 </script>