Title: [200581] trunk/LayoutTests
- Revision
- 200581
- Author
- rn...@webkit.org
- Date
- 2016-05-09 10:48:49 -0700 (Mon, 09 May 2016)
Log Message
Focusing a shadow host places the slot content after the shadow DOM content
https://bugs.webkit.org/show_bug.cgi?id=154770
<rdar://problem/24873102>
Reviewed by Antti Koivisto.
Add a regression test now that the bug has been fixed.
* fast/shadow-dom/shadow-layout-after-focus-expected.html: Added.
* fast/shadow-dom/shadow-layout-after-focus.html: Added.
Modified Paths
Added Paths
Diff
Modified: trunk/LayoutTests/ChangeLog (200580 => 200581)
--- trunk/LayoutTests/ChangeLog 2016-05-09 17:47:01 UTC (rev 200580)
+++ trunk/LayoutTests/ChangeLog 2016-05-09 17:48:49 UTC (rev 200581)
@@ -1,5 +1,18 @@
2016-05-09 Ryosuke Niwa <rn...@webkit.org>
+ Focusing a shadow host places the slot content after the shadow DOM content
+ https://bugs.webkit.org/show_bug.cgi?id=154770
+ <rdar://problem/24873102>
+
+ Reviewed by Antti Koivisto.
+
+ Add a regression test now that the bug has been fixed.
+
+ * fast/shadow-dom/shadow-layout-after-focus-expected.html: Added.
+ * fast/shadow-dom/shadow-layout-after-focus.html: Added.
+
+2016-05-09 Ryosuke Niwa <rn...@webkit.org>
+
REGRESSION (198056): Unable to use edit buttons on WordPress
https://bugs.webkit.org/show_bug.cgi?id=157475
Added: trunk/LayoutTests/fast/shadow-dom/shadow-layout-after-focus-expected.html (0 => 200581)
--- trunk/LayoutTests/fast/shadow-dom/shadow-layout-after-focus-expected.html (rev 0)
+++ trunk/LayoutTests/fast/shadow-dom/shadow-layout-after-focus-expected.html 2016-05-09 17:48:49 UTC (rev 200581)
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<body>
+ <p>Test passes if you see a single 100px by 100px green box below.</p>
+ <div style="width: 100px; height: 100px; background: green;"></div>
+</body>
+</html>
Added: trunk/LayoutTests/fast/shadow-dom/shadow-layout-after-focus.html (0 => 200581)
--- trunk/LayoutTests/fast/shadow-dom/shadow-layout-after-focus.html (rev 0)
+++ trunk/LayoutTests/fast/shadow-dom/shadow-layout-after-focus.html 2016-05-09 17:48:49 UTC (rev 200581)
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html>
+<body>
+<style>
+
+#container {
+ position: relative;
+}
+
+#host {
+ width: 90px;
+ height: 90px;
+ border: solid 5px red;
+ outline: none;
+}
+
+#host:not(:focus)::after {
+ position: absolute;
+ left: 5px;
+ bottom: 5px;
+ width: 90px;
+ height: 45px;
+ content: 'FAIL - not focused';
+}
+
+#host:focus {
+ outline: solid 5px green;
+ outline-offset: -5px;
+}
+
+#host div {
+ background: red;
+ width: 90px;
+ height: 45px;
+}
+
+#overlay {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: green;
+ display: block;
+ width: 100px;
+ height: 50px;
+}
+
+</style>
+<p>Test passes if you see a single 100px by 100px green box below.</p>
+<div id="container">
+<div id="host" tabindex=0><div>FAIL - misplaced</div></div>
+<div id="overlay"></div>
+</div>
+<script>
+
+var host = document.getElementById('host');
+var shadow = host.attachShadow({mode: 'closed'});
+shadow.innerHTML = `
+ <style>
+ div { background: green; width: 90px; height: 45px; }
+ </style>
+ <slot></slot>
+ <div></div>
+`;
+
+host.getBoundingClientRect();
+host.focus();
+
+</script>
+</body>
+</html>
_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-changes