GeezerVisonThe World Wide Web, restored to 800 pixels of glory. |
| Home|About|Gaming cabinet|Archives|How it works|Starter sites |
GeezerVison is showing github.com — wpt/css/selectors/remove-hovered-element.html at master · web-platform-tests/wpt Expand file tree/ Copy pathremove-hovered-element.htmlMore file actions 40 lines (39 loc) · 1.16 KB / Copy pathremove-hovered-element.htmlFile metadata and controls40 lines (39 loc) · 1.16 KB 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 <!doctype html> <html class="reftest-wait"> <title>Selectors: :hover style cleared on ancestor when hovered element is removed.</title> <link rel="help" href="https://drafts.csswg.org/selectors/#the-hover-pseudo"> <link rel="match" href="remove-hovered-element-ref.html"> <script src="/common/reftest-wait.js"></script> <script src="/resources/testdriver.js"></script> <script src="/resources/testdriver-actions.js"></script> <script src="/resources/testdriver-vendor.js"></script> <style> div { width: 100px; height: 100px; background: green; } #outer:hover { background-color: red; } #relative { position: relative; left: 150px; } </style> <p>Clicking the right square should make the left one go green.</p> <div id="outer"> <div id="relative"><div id="inner">Click me</div></div> </div> <script> inner.addEventListener("click", () => { relative.style.display = "none"; // force layout box removal document.body.offsetTop; relative.remove(); takeScreenshot(); }); // Hover #inner and click. var actions = new test_driver.Actions(); actions.pointerMove(0, 0, {origin: inner}).pointerDown().pointerUp().send(); </script> |
| You are visitor 01402503 — GeezerVison does not store the pages you look up. Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required. |