LibWeb: Implement HTMLElement.draggable()

Author: https://github.com/lukasxcs 🔰
Commit: c2fc4b25cd
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/5836
Reviewed-by: https://github.com/tcl3 ✅

Libraries/LibWeb/HTML/AttributeNames.h

@@ -73,6 +73,7 @@ namespace AttributeNames {
     __ENUMERATE_HTML_ATTRIBUTE(dirname, "dirname")                                       \
     __ENUMERATE_HTML_ATTRIBUTE(disabled, "disabled")                                     \
     __ENUMERATE_HTML_ATTRIBUTE(download, "download")                                     \
+    __ENUMERATE_HTML_ATTRIBUTE(draggable, "draggable")                                   \
     __ENUMERATE_HTML_ATTRIBUTE(enctype, "enctype")                                       \
     __ENUMERATE_HTML_ATTRIBUTE(ended, "ended")                                           \
     __ENUMERATE_HTML_ATTRIBUTE(enterkeyhint, "enterkeyhint")                             \

Libraries/LibWeb/HTML/HTMLElement.cpp

@@ -32,6 +32,7 @@
 #include <LibWeb/HTML/HTMLDialogElement.h>
 #include <LibWeb/HTML/HTMLElement.h>
 #include <LibWeb/HTML/HTMLLabelElement.h>
+#include <LibWeb/HTML/HTMLObjectElement.h>
 #include <LibWeb/HTML/HTMLParagraphElement.h>
 #include <LibWeb/HTML/PopoverInvokerElement.h>
 #include <LibWeb/HTML/ToggleEvent.h>
@@ -2093,4 +2094,41 @@ String HTMLElement::access_key_label() const
     return String {};
 }
 
+// https://html.spec.whatwg.org/multipage/dnd.html#dom-draggable
+bool HTMLElement::draggable() const
+{
+    auto attribute = get_attribute(HTML::AttributeNames::draggable);
+
+    // If an element's draggable content attribute has the state True, the draggable IDL attribute must return true.
+    if (attribute.has_value() && attribute->equals_ignoring_ascii_case("true"sv)) {
+        return true;
+    }
+
+    // If an element's draggable content attribute has the state False, the draggable IDL attribute must return false.
+    if (attribute.has_value() && attribute->equals_ignoring_ascii_case("false"sv)) {
+        return false;
+    }
+
+    // Otherwise, the element's draggable content attribute has the state Auto.
+
+    // If the element is an img element, the draggable IDL attribute must return true.
+    if (is<HTML::HTMLImageElement>(*this)) {
+        return true;
+    }
+
+    // If the element is an object element that represents an image, the draggable IDL attribute must return true.
+    if (is<HTML::HTMLObjectElement>(*this)) {
+        if (auto type_attribute = get_attribute(HTML::AttributeNames::type); type_attribute.has_value() && type_attribute->equals_ignoring_ascii_case("image"sv))
+            return true;
+    }
+
+    // If the element is an a element with an href content attribute, the draggable IDL attribute must return true.
+    if (is<HTML::HTMLAnchorElement>(*this) && has_attribute(HTML::AttributeNames::href)) {
+        return true;
+    }
+
+    // Otherwise, the draggable IDL attribute must return false.
+    return false;
+}
+
 }

Libraries/LibWeb/HTML/HTMLElement.h

@@ -157,6 +157,9 @@ public:
 
     bool is_inert() const { return m_inert; }
 
+    bool draggable() const;
+    void set_draggable(bool draggable) { MUST(set_attribute(HTML::AttributeNames::draggable, draggable ? "true"_string : "false"_string)); }
+
     virtual bool is_valid_invoker_command(String&) { return false; }
     virtual void invoker_command_steps(DOM::Element&, String&) { }
 

Libraries/LibWeb/HTML/HTMLElement.idl

@@ -23,7 +23,7 @@ interface HTMLElement : Element {
     undefined click();
     [Reflect=accesskey, CEReactions] attribute DOMString accessKey;
     readonly attribute DOMString accessKeyLabel;
-    [FIXME, CEReactions] attribute boolean draggable;
+    [CEReactions] attribute boolean draggable;
     [FIXME, CEReactions] attribute boolean spellcheck;
     [FIXME, CEReactions] attribute DOMString autocapitalize;
     [FIXME, CEReactions] attribute boolean autocorrect;