diff --git a/Userland/Libraries/LibWeb/HTML/HTMLElement.cpp b/Userland/Libraries/LibWeb/HTML/HTMLElement.cpp
index 73113dd242..d641396485 100644
--- a/Userland/Libraries/LibWeb/HTML/HTMLElement.cpp
+++ b/Userland/Libraries/LibWeb/HTML/HTMLElement.cpp
@@ -27,13 +27,13 @@
#include
#include
#include
-#include
#include
#include
#include
#include
#include
#include
+#include
#include
#include
#include
@@ -141,6 +141,24 @@ String HTMLElement::inner_text()
return builder.to_string();
}
+unsigned HTMLElement::offset_top() const
+{
+ if (is(this) || !layout_node() || !parent_element() || !parent_element()->layout_node())
+ return 0;
+ auto position = layout_node()->box_type_agnostic_position();
+ auto parent_position = parent_element()->layout_node()->box_type_agnostic_position();
+ return position.y() - parent_position.y();
+}
+
+unsigned HTMLElement::offset_left() const
+{
+ if (is(this) || !layout_node() || !parent_element() || !parent_element()->layout_node())
+ return 0;
+ auto position = layout_node()->box_type_agnostic_position();
+ auto parent_position = parent_element()->layout_node()->box_type_agnostic_position();
+ return position.x() - parent_position.x();
+}
+
bool HTMLElement::cannot_navigate() const
{
// FIXME: Return true if element's node document is not fully active
diff --git a/Userland/Libraries/LibWeb/HTML/HTMLElement.h b/Userland/Libraries/LibWeb/HTML/HTMLElement.h
index f498d6c781..b35e579217 100644
--- a/Userland/Libraries/LibWeb/HTML/HTMLElement.h
+++ b/Userland/Libraries/LibWeb/HTML/HTMLElement.h
@@ -50,6 +50,9 @@ public:
String inner_text();
void set_inner_text(StringView);
+ unsigned offset_top() const;
+ unsigned offset_left() const;
+
bool cannot_navigate() const;
protected:
diff --git a/Userland/Libraries/LibWeb/HTML/HTMLElement.idl b/Userland/Libraries/LibWeb/HTML/HTMLElement.idl
index 5369c9a3cd..5131df71c3 100644
--- a/Userland/Libraries/LibWeb/HTML/HTMLElement.idl
+++ b/Userland/Libraries/LibWeb/HTML/HTMLElement.idl
@@ -9,6 +9,9 @@ interface HTMLElement : Element {
[LegacyNullToEmptyString] attribute DOMString innerText;
+ readonly attribute long offsetTop;
+ readonly attribute long offsetLeft;
+
// FIXME: These should all come from a GlobalEventHandlers mixin
attribute EventHandler onabort;
attribute EventHandler onauxclick;