We use cookies to ensure you get the best experience on our website
Etusivu Tutki Apua
Rekisteröidy Kirjaudu sisään
0ct0pu5
/
ladybird
1
0
Fork 0
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Selaa lähdekoodia

LibWeb: Fix hit-testing for button element

Change 'dom_node_for_event_dispatch' to locate the closest layout node
with a DOM node instead of only checking the direct ancestor.

This fixes hit-testing for buttons because they are wrapped into
multiple anonymous layout nodes (internally we use flex formatting for
them).
Aliaksandr Kalenik 1 vuosi sitten
vanhempi
8e21bbf7bf
commit
edab67d5e8
3 muutettua tiedostoa jossa 28 lisäystä ja 2 poistoa
Yhdistetty näkymä Näytä diff tilastot
  1. 1 0
      Tests/LibWeb/Text/expected/hit_testing/button.txt
  2. 21 0
      Tests/LibWeb/Text/input/hit_testing/button.html
  3. 6 2
      Userland/Libraries/LibWeb/Page/EventHandler.cpp

+ 1 - 0
Tests/LibWeb/Text/expected/hit_testing/button.txt
Näytä tiedosto 

@@ -0,0 +1 @@
 
+Button  Clicked!

+ 21 - 0
Tests/LibWeb/Text/input/hit_testing/button.html
Näytä tiedosto 

@@ -0,0 +1,21 @@
 
+<!DOCTYPE html>
 
+<style>
 
+    #btn {
 
+        background-color: gold;
 
+        font-size: 100px;
 
+        width: 500px;
 
+        border: none;
 
+    }
 
+</style>
 
+<script src="../include.js"></script>
 
+<button type="submit" id="btn">Button</button>
 
+<script>
 
+    asyncTest(done => {
 
+        const brn = document.getElementById("btn");
 
+        btn.onclick = () => {
 
+            println("Clicked!");
 
+            done();
 
+        };
 
+        internals.click(50, 50);
 
+    });
 
+</script>

+ 6 - 2
Userland/Libraries/LibWeb/Page/EventHandler.cpp
Näytä tiedosto 

@@ -34,8 +34,12 @@ static JS::GCPtr<DOM::Node> dom_node_for_event_dispatch(Painting::Paintable& pai
 
         return node;
 
         return node;
 
     if (auto node = paintable.dom_node())
 
     if (auto node = paintable.dom_node())
 
         return node;
 
         return node;
 
-    if (auto* layout_parent = paintable.layout_node().parent())
 
-        return layout_parent->dom_node();
 
+    auto* layout_parent = paintable.layout_node().parent();
 
+    while (layout_parent) {
 
+        if (auto* node = layout_parent->dom_node())
 
+            return node;
 
+        layout_parent = layout_parent->parent();
 
+    }
 
     return nullptr;
 
     return nullptr;
 
 }
 
 }

Contact | Legal | Takedown | Status
Self-hosted public services - About
NibbleSpot by 0ct0pu5