LibWeb: Don't dispatch click events to disabled FormAssociatedElements

Disabled FormAssociatedElements also no longer receive focus when
clicked.

Tests/LibWeb/Layout/expected/input-as-button-align-center.txt

@@ -4,6 +4,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       BlockContainer <input.btn> at (13,10) content-size 290x296 children: not-inline
         BlockContainer <(anonymous)> at (13,10) content-size 290x296 flex-container(column) [FFC] children: not-inline
           BlockContainer <(anonymous)> at (13,150) content-size 290x16 flex-item [BFC] children: inline
+            frag 0 from BlockContainer start: 0, length: 0, rect: [37,150 242.4375x16] baseline: 12.5
+            BlockContainer <span> at (37,150) content-size 242.4375x16 inline-block [BFC] children: inline
               frag 0 from TextNode start: 0, length: 31, rect: [37,150 242.4375x16] baseline: 12.5
                   "Should be located in the center"
               TextNode <#text>
@@ -16,5 +18,6 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
       PaintableWithLines (BlockContainer<INPUT>.btn) [8,8 300x300]
         PaintableWithLines (BlockContainer(anonymous)) [13,10 290x296]
           PaintableWithLines (BlockContainer(anonymous)) [13,150 290x16]
+            PaintableWithLines (BlockContainer<SPAN>) [37,150 242.4375x16]
               TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,308 784x0]

Tests/LibWeb/Layout/expected/input-as-button-shrink-to-fit.txt

@@ -4,6 +4,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       BlockContainer <input.btn> at (13,10) content-size 195.734375x32 children: not-inline
         BlockContainer <(anonymous)> at (13,10) content-size 195.734375x32 flex-container(column) [FFC] children: not-inline
           BlockContainer <(anonymous)> at (13,18) content-size 195.734375x16 flex-item [BFC] children: inline
+            frag 0 from BlockContainer start: 0, length: 0, rect: [13,18 195.734375x16] baseline: 12.5
+            BlockContainer <span> at (13,18) content-size 195.734375x16 inline-block [BFC] children: inline
               frag 0 from TextNode start: 0, length: 26, rect: [13,18 195.734375x16] baseline: 12.5
                   "Width should shrink to fit"
               TextNode <#text>
@@ -16,5 +18,6 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
       PaintableWithLines (BlockContainer<INPUT>.btn) [8,8 205.734375x36]
         PaintableWithLines (BlockContainer(anonymous)) [13,10 195.734375x32]
           PaintableWithLines (BlockContainer(anonymous)) [13,18 195.734375x16]
+            PaintableWithLines (BlockContainer<SPAN>) [13,18 195.734375x16]
               TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,44 784x0]

Userland/Libraries/LibWeb/HTML/HTMLInputElement.cpp

@@ -778,9 +778,11 @@ void HTMLInputElement::create_button_input_shadow_tree()
 {
     auto shadow_root = heap().allocate<DOM::ShadowRoot>(realm(), document(), *this, Bindings::ShadowRootMode::Closed);
     set_shadow_root(shadow_root);
-
+    auto text_container = MUST(DOM::create_element(document(), HTML::TagNames::span, Namespace::HTML));
+    MUST(text_container->set_attribute(HTML::AttributeNames::style, "display: inline-block; pointer-events: none;"_string));
     m_text_node = heap().allocate<DOM::Text>(realm(), document(), value());
-    MUST(shadow_root->append_child(*m_text_node));
+    MUST(text_container->append_child(*m_text_node));
+    MUST(shadow_root->append_child(*text_container));
 }
 
 void HTMLInputElement::create_text_input_shadow_tree()

Userland/Libraries/LibWeb/Page/EventHandler.cpp

@@ -47,6 +47,13 @@ static JS::GCPtr<DOM::Node> dom_node_for_event_dispatch(Painting::Paintable& pai
 
 static bool parent_element_for_event_dispatch(Painting::Paintable& paintable, JS::GCPtr<DOM::Node>& node, Layout::Node*& layout_node)
 {
+    auto* current_ancestor_node = node.ptr();
+    do {
+        if (is<HTML::FormAssociatedElement>(current_ancestor_node) && !dynamic_cast<HTML::FormAssociatedElement*>(current_ancestor_node)->enabled()) {
+            return false;
+        }
+    } while ((current_ancestor_node = current_ancestor_node->parent()));
+
     layout_node = &paintable.layout_node();
     while (layout_node && node && !node->is_element() && layout_node->parent()) {
         layout_node = layout_node->parent();