diff --git a/Libraries/LibWeb/HTML/CanvasRenderingContext2D.cpp b/Libraries/LibWeb/HTML/CanvasRenderingContext2D.cpp
index 2037d8df7eb..305cdab815f 100644
--- a/Libraries/LibWeb/HTML/CanvasRenderingContext2D.cpp
+++ b/Libraries/LibWeb/HTML/CanvasRenderingContext2D.cpp
@@ -634,8 +634,10 @@ void CanvasRenderingContext2D::reset_to_default_state()
     // 4. Reset everything that drawing state consists of to their initial values.
     reset_drawing_state();
 
-    if (surface)
+    if (surface) {
+        painter()->reset();
         did_draw(surface->rect().to_type<float>());
+    }
 }
 
 // https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-measuretext
diff --git a/Tests/LibWeb/Ref/expected/wpt-import/html/canvas/element/reset/2d.reset.state.clip-expected.html b/Tests/LibWeb/Ref/expected/wpt-import/html/canvas/element/reset/2d.reset.state.clip-expected.html
new file mode 100644
index 00000000000..6b42984aebb
--- /dev/null
+++ b/Tests/LibWeb/Ref/expected/wpt-import/html/canvas/element/reset/2d.reset.state.clip-expected.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<!-- DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py. -->
+<meta charset="UTF-8">
+<title>Canvas test: 2d.reset.state.clip</title>
+<h1>2d.reset.state.clip</h1>
+<p class="desc">check that the clip is reset</p>
+<canvas id="canvas" width="200" height="200">
+  <p class="fallback">FAIL (fallback content)</p>
+</canvas>
+<script>
+  const canvas = document.getElementById("canvas");
+  const ctx = canvas.getContext('2d');
+
+  ctx.fillRect(0, 0, 200, 200);
+</script>
diff --git a/Tests/LibWeb/Ref/input/wpt-import/html/canvas/element/reset/2d.reset.state.clip.html b/Tests/LibWeb/Ref/input/wpt-import/html/canvas/element/reset/2d.reset.state.clip.html
new file mode 100644
index 00000000000..95b2a4dd257
--- /dev/null
+++ b/Tests/LibWeb/Ref/input/wpt-import/html/canvas/element/reset/2d.reset.state.clip.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!-- DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py. -->
+<meta charset="UTF-8">
+<link rel="match" href="../../../../../../expected/wpt-import/html/canvas/element/reset/2d.reset.state.clip-expected.html">
+<title>Canvas test: 2d.reset.state.clip</title>
+<h1>2d.reset.state.clip</h1>
+<p class="desc">check that the clip is reset</p>
+<canvas id="canvas" width="200" height="200">
+  <p class="fallback">FAIL (fallback content)</p>
+</canvas>
+<script>
+  const canvas = document.getElementById("canvas");
+  const ctx = canvas.getContext('2d');
+
+  ctx.beginPath();
+  ctx.rect(0, 0, 100, 100);
+  ctx.clip();
+
+  ctx.fillRect(0, 0, 200, 200);
+
+  ctx.reset();
+
+  ctx.fillRect(0, 0, 200, 200);
+</script>
diff --git a/Tests/LibWeb/Text/expected/wpt-import/html/canvas/element/canvas-host/2d.canvas.host.initial.reset.clip.txt b/Tests/LibWeb/Text/expected/wpt-import/html/canvas/element/canvas-host/2d.canvas.host.initial.reset.clip.txt
new file mode 100644
index 00000000000..b243f04feeb
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/wpt-import/html/canvas/element/canvas-host/2d.canvas.host.initial.reset.clip.txt
@@ -0,0 +1,6 @@
+Harness status: OK
+
+Found 1 tests
+
+1 Pass
+Pass	Resetting the canvas state resets the current clip region
\ No newline at end of file
diff --git a/Tests/LibWeb/Text/expected/wpt-import/html/canvas/element/canvas-host/2d.canvas.host.initial.reset.transform.txt b/Tests/LibWeb/Text/expected/wpt-import/html/canvas/element/canvas-host/2d.canvas.host.initial.reset.transform.txt
new file mode 100644
index 00000000000..ec2260de9b0
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/wpt-import/html/canvas/element/canvas-host/2d.canvas.host.initial.reset.transform.txt
@@ -0,0 +1,6 @@
+Harness status: OK
+
+Found 1 tests
+
+1 Pass
+Pass	Resetting the canvas state resets the current transformation matrix
\ No newline at end of file
diff --git a/Tests/LibWeb/Text/input/wpt-import/html/canvas/element/canvas-host/2d.canvas.host.initial.reset.clip.html b/Tests/LibWeb/Text/input/wpt-import/html/canvas/element/canvas-host/2d.canvas.host.initial.reset.clip.html
new file mode 100644
index 00000000000..7bf15018844
--- /dev/null
+++ b/Tests/LibWeb/Text/input/wpt-import/html/canvas/element/canvas-host/2d.canvas.host.initial.reset.clip.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<!-- DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py. -->
+<meta charset="UTF-8">
+<title>Canvas test: 2d.canvas.host.initial.reset.clip</title>
+<script src="../../../../resources/testharness.js"></script>
+<script src="../../../../resources/testharnessreport.js"></script>
+<script src="../../../../html/canvas/resources/canvas-tests.js"></script>
+<link rel="stylesheet" href="../../../../html/canvas/resources/canvas-tests.css">
+<body class="show_output">
+
+<h1>2d.canvas.host.initial.reset.clip</h1>
+<p class="desc">Resetting the canvas state resets the current clip region</p>
+
+
+<p class="output">Actual output:</p>
+<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
+
+<ul id="d"></ul>
+<script>
+var t = async_test("Resetting the canvas state resets the current clip region");
+_addTest(function(canvas, ctx) {
+
+  canvas.width = 100;
+  ctx.rect(0, 0, 1, 1);
+  ctx.clip();
+  canvas.width = 100;
+  ctx.fillStyle = '#0f0';
+  ctx.fillRect(0, 0, 100, 50);
+  _assertPixel(canvas, 20,20, 0,255,0,255);
+
+});
+</script>
+
diff --git a/Tests/LibWeb/Text/input/wpt-import/html/canvas/element/canvas-host/2d.canvas.host.initial.reset.transform.html b/Tests/LibWeb/Text/input/wpt-import/html/canvas/element/canvas-host/2d.canvas.host.initial.reset.transform.html
new file mode 100644
index 00000000000..6996ef9749a
--- /dev/null
+++ b/Tests/LibWeb/Text/input/wpt-import/html/canvas/element/canvas-host/2d.canvas.host.initial.reset.transform.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<!-- DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py. -->
+<meta charset="UTF-8">
+<title>Canvas test: 2d.canvas.host.initial.reset.transform</title>
+<script src="../../../../resources/testharness.js"></script>
+<script src="../../../../resources/testharnessreport.js"></script>
+<script src="../../../../html/canvas/resources/canvas-tests.js"></script>
+<link rel="stylesheet" href="../../../../html/canvas/resources/canvas-tests.css">
+<body class="show_output">
+
+<h1>2d.canvas.host.initial.reset.transform</h1>
+<p class="desc">Resetting the canvas state resets the current transformation matrix</p>
+
+
+<p class="output">Actual output:</p>
+<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
+
+<ul id="d"></ul>
+<script>
+var t = async_test("Resetting the canvas state resets the current transformation matrix");
+_addTest(function(canvas, ctx) {
+
+  canvas.width = 100;
+  ctx.scale(0.1, 0.1);
+  canvas.width = 100;
+  ctx.fillStyle = '#0f0';
+  ctx.fillRect(0, 0, 100, 50);
+  _assertPixel(canvas, 20,20, 0,255,0,255);
+
+});
+</script>
+
