1 年之前 · c5d91dce8b
--- a/Tests/LibWeb/Text/expected/scroll-to-fragment.txt
+++ b/Tests/LibWeb/Text/expected/scroll-to-fragment.txt
@@ -0,0 +1 @@
 
															+Take test     The page has been scrolled to y: 562.59375
														
--- a/Tests/LibWeb/Text/input/scroll-to-fragment.html
+++ b/Tests/LibWeb/Text/input/scroll-to-fragment.html
@@ -0,0 +1,35 @@
 
															+<!DOCTYPE html>
														
 
															+<style type="text/css">
														
 
															+    #top {
														
 
															+        margin-top: 500px;
														
 
															+        padding-top: 100px;
														
 
															+        background-color: navy;
														
 
															+        width: 100%;
														
 
															+        height: 50px;
														
 
															+    }
														
 
															+    .picture {
														
 
															+        background: magenta !important;
														
 
															+        position: relative;
														
 
															+        height: 50px;
														
 
															+        width: 100%;
														
 
															+        margin-bottom: 1000px;
														
 
															+    }
														
 
															+</style>
														
 
															+<a style="font-size: 50px" href="#top" id="link">Take test</a>
														
 
															+<div id="top"></div>
														
 
															+<div class="picture"></div>
														
 
															+<script src="include.js"></script>
														
 
															+<script>
														
 
															+    asyncTest(done => {
														
 
															+        let completed = false;
														
 
															+        document.addEventListener("scroll", event => {
														
 
															+            if (completed)
														
 
															+                return;
														
 
															+            completed = true;
														
 
															+            println("The page has been scrolled to y: " + window.scrollY);
														
 
															+            done();
														
 
															+        });
														
 
															+
														
 
															+        document.getElementById("link").click();
														
 
															+    });
														
 
															+</script>
														
--- a/Userland/Libraries/LibWeb/DOM/Document.cpp
+++ b/Userland/Libraries/LibWeb/DOM/Document.cpp
@@ -1842,8 +1842,10 @@ void Document::scroll_to_the_fragment()
 
															         // FIXME: 5. Run the ancestor hidden-until-found revealing algorithm on target.
														
 
															         // 6. Scroll target into view, with behavior set to "auto", block set to "start", and inline set to "nearest". [CSSOMVIEW]
														
 
															-        // FIXME: Do this properly!
														
 
															-        (void)target->scroll_into_view();
														
 
															+        ScrollIntoViewOptions scroll_options;
														
 
															+        scroll_options.block = Bindings::ScrollLogicalPosition::Start;
														
 
															+        scroll_options.inline_ = Bindings::ScrollLogicalPosition::Nearest;
														
 
															+        (void)target->scroll_into_view(scroll_options);
														
 
															         // 7. Run the focusing steps for target, with the Document's viewport as the fallback target.
														
 
															         // FIXME: Pass the Document's viewport somehow.
	`@@ -0,0 +1 @@`
			`+Take test The page has been scrolled to y: 562.59375`