diff --git a/Base/home/anon/www/iframe-subframe.html b/Base/home/anon/www/iframe-subframe.html
new file mode 100644
index 00000000000..b6f6111027f
--- /dev/null
+++ b/Base/home/anon/www/iframe-subframe.html
@@ -0,0 +1,2 @@
+This is inside the frame!
+
diff --git a/Base/home/anon/www/iframe.html b/Base/home/anon/www/iframe.html
new file mode 100644
index 00000000000..6b07d626f02
--- /dev/null
+++ b/Base/home/anon/www/iframe.html
@@ -0,0 +1,6 @@
+
+ This page has an iframe in it
+
Cool huh?
+
+
this text is after the iframe
+
diff --git a/Base/home/anon/www/welcome.html b/Base/home/anon/www/welcome.html
index 5c6b5b081b8..cfbaca3176c 100644
--- a/Base/home/anon/www/welcome.html
+++ b/Base/home/anon/www/welcome.html
@@ -28,6 +28,7 @@ span#ua {
Your user agent is:
Some small test pages:
+ - iframe
- many buggies
- system palette color css extension
- link inside display: inline-block
diff --git a/Libraries/LibWeb/CMakeLists.txt b/Libraries/LibWeb/CMakeLists.txt
index 02b98b3133e..f81bb46086b 100644
--- a/Libraries/LibWeb/CMakeLists.txt
+++ b/Libraries/LibWeb/CMakeLists.txt
@@ -48,6 +48,7 @@ set(SOURCES
DOM/HTMLHeadingElement.cpp
DOM/HTMLHRElement.cpp
DOM/HTMLHtmlElement.cpp
+ DOM/HTMLIFrameElement.cpp
DOM/HTMLImageElement.cpp
DOM/HTMLInputElement.cpp
DOM/HTMLLinkElement.cpp
@@ -70,6 +71,7 @@ set(SOURCES
Layout/LayoutBreak.cpp
Layout/LayoutCanvas.cpp
Layout/LayoutDocument.cpp
+ Layout/LayoutFrame.cpp
Layout/LayoutImage.cpp
Layout/LayoutInline.cpp
Layout/LayoutListItem.cpp
diff --git a/Libraries/LibWeb/DOM/ElementFactory.cpp b/Libraries/LibWeb/DOM/ElementFactory.cpp
index bb4f13fa006..38fe0f40483 100644
--- a/Libraries/LibWeb/DOM/ElementFactory.cpp
+++ b/Libraries/LibWeb/DOM/ElementFactory.cpp
@@ -36,6 +36,7 @@
#include
#include
#include
+#include
#include
#include
#include
@@ -76,6 +77,8 @@ NonnullRefPtr create_element(Document& document, const FlyString& tag_n
return adopt(*new HTMLInputElement(document, lowercase_tag_name));
if (lowercase_tag_name == "br")
return adopt(*new HTMLBRElement(document, lowercase_tag_name));
+ if (lowercase_tag_name == "iframe")
+ return adopt(*new HTMLIFrameElement(document, lowercase_tag_name));
if (lowercase_tag_name == "h1"
|| lowercase_tag_name == "h2"
|| lowercase_tag_name == "h3"
diff --git a/Libraries/LibWeb/DOM/HTMLIFrameElement.cpp b/Libraries/LibWeb/DOM/HTMLIFrameElement.cpp
new file mode 100644
index 00000000000..aab32ea2b59
--- /dev/null
+++ b/Libraries/LibWeb/DOM/HTMLIFrameElement.cpp
@@ -0,0 +1,96 @@
+/*
+ * Copyright (c) 2020, Andreas Kling
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ * 1. Redistributions of source code must retain the above copyright notice, this
+ * list of conditions and the following disclaimer.
+ *
+ * 2. Redistributions in binary form must reproduce the above copyright notice,
+ * this list of conditions and the following disclaimer in the documentation
+ * and/or other materials provided with the distribution.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+ * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+ * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+ * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+ * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+ * CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+ * OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+ * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+
+#include
+#include
+#include
+#include
+#include
+#include
+#include
+#include
+#include
+#include
+#include
+#include
+#include
+#include
+
+namespace Web {
+
+HTMLIFrameElement::HTMLIFrameElement(Document& document, const FlyString& tag_name)
+ : HTMLElement(document, tag_name)
+{
+ m_hosted_frame = Frame::create_subframe();
+}
+
+HTMLIFrameElement::~HTMLIFrameElement()
+{
+}
+
+RefPtr HTMLIFrameElement::create_layout_node(const StyleProperties* parent_style) const
+{
+ auto style = document().style_resolver().resolve_style(*this, parent_style);
+ return adopt(*new LayoutFrame(*this, move(style)));
+}
+
+void HTMLIFrameElement::parse_attribute(const FlyString& name, const String& value)
+{
+ HTMLElement::parse_attribute(name, value);
+
+ if (name == HTML::AttributeNames::src) {
+ load_src(value);
+ return;
+ }
+}
+
+void HTMLIFrameElement::load_src(const String& value)
+{
+ dbg() << "Loading iframe document from " << value;
+ auto url = document().complete_url(value);
+ if (!url.is_valid()) {
+ dbg() << "Actually no I'm not, because the URL is not valid :(";
+ return;
+ }
+
+ ResourceLoader::the().load_sync(
+ url,
+ [&](auto& data, auto& headers) {
+ (void)headers;
+ auto html_source = String::copy(data);
+ HTMLDocumentParser parser(html_source, "utf-8");
+ parser.run(url);
+ m_hosted_frame->set_document(&parser.document());
+
+ dbg() << "The hosted frame now has this DOM:";
+ dump_tree(*m_hosted_frame->document());
+ },
+ [&](auto& error) {
+ dbg() << "