diff --git a/Libraries/LibWeb/HTML/Canvas/CanvasPath.cpp b/Libraries/LibWeb/HTML/Canvas/CanvasPath.cpp
index 50032d74291..a25296750a7 100644
--- a/Libraries/LibWeb/HTML/Canvas/CanvasPath.cpp
+++ b/Libraries/LibWeb/HTML/Canvas/CanvasPath.cpp
@@ -95,7 +95,7 @@ void CanvasPath::bezier_curve_to(double cp1x, double cp1y, double cp2x, double c
 
 WebIDL::ExceptionOr<void> CanvasPath::arc(float x, float y, float radius, float start_angle, float end_angle, bool counter_clockwise)
 {
-    if (radius < 0)
+    if (radius < 0 && isfinite(radius))
         return WebIDL::IndexSizeError::create(m_self->realm(), Utf16String::formatted("The radius provided ({}) is negative.", radius));
     return ellipse(x, y, radius, radius, 0, start_angle, end_angle, counter_clockwise);
 }
diff --git a/Tests/LibWeb/Text/expected/wpt-import/html/canvas/element/path-objects/2d.path.arc.nonfinite.txt b/Tests/LibWeb/Text/expected/wpt-import/html/canvas/element/path-objects/2d.path.arc.nonfinite.txt
new file mode 100644
index 00000000000..149a3d81ba3
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/wpt-import/html/canvas/element/path-objects/2d.path.arc.nonfinite.txt
@@ -0,0 +1,6 @@
+Harness status: OK
+
+Found 1 tests
+
+1 Pass
+Pass	arc() with Infinity/NaN is ignored
\ No newline at end of file
diff --git a/Tests/LibWeb/Text/input/wpt-import/html/canvas/element/path-objects/2d.path.arc.nonfinite.html b/Tests/LibWeb/Text/input/wpt-import/html/canvas/element/path-objects/2d.path.arc.nonfinite.html
new file mode 100644
index 00000000000..f7032e03748
--- /dev/null
+++ b/Tests/LibWeb/Text/input/wpt-import/html/canvas/element/path-objects/2d.path.arc.nonfinite.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!-- DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py. -->
+<meta charset="UTF-8">
+<title>Canvas test: 2d.path.arc.nonfinite</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.path.arc.nonfinite</h1>
+<p class="desc">arc() with Infinity/NaN is ignored</p>
+
+
+<p class="output">Actual output:</p>
+<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
+<p class="output expectedtext">Expected output:<p><img src="../../../../images/green-100x50.png" class="output expected" id="expected" alt="">
+<ul id="d"></ul>
+<script>
+var t = async_test("arc() with Infinity/NaN is ignored");
+_addTest(function(canvas, ctx) {
+
+  ctx.fillStyle = '#f00';
+  ctx.fillRect(0, 0, 100, 50);
+  ctx.moveTo(0, 0);
+  ctx.lineTo(100, 0);
+  ctx.arc(Infinity, 0, 50, 0, 2*Math.PI, true);
+  ctx.arc(-Infinity, 0, 50, 0, 2*Math.PI, true);
+  ctx.arc(NaN, 0, 50, 0, 2*Math.PI, true);
+  ctx.arc(0, Infinity, 50, 0, 2*Math.PI, true);
+  ctx.arc(0, -Infinity, 50, 0, 2*Math.PI, true);
+  ctx.arc(0, NaN, 50, 0, 2*Math.PI, true);
+  ctx.arc(0, 0, Infinity, 0, 2*Math.PI, true);
+  ctx.arc(0, 0, -Infinity, 0, 2*Math.PI, true);
+  ctx.arc(0, 0, NaN, 0, 2*Math.PI, true);
+  ctx.arc(0, 0, 50, Infinity, 2*Math.PI, true);
+  ctx.arc(0, 0, 50, -Infinity, 2*Math.PI, true);
+  ctx.arc(0, 0, 50, NaN, 2*Math.PI, true);
+  ctx.arc(0, 0, 50, 0, Infinity, true);
+  ctx.arc(0, 0, 50, 0, -Infinity, true);
+  ctx.arc(0, 0, 50, 0, NaN, true);
+  ctx.arc(Infinity, Infinity, 50, 0, 2*Math.PI, true);
+  ctx.arc(Infinity, Infinity, Infinity, 0, 2*Math.PI, true);
+  ctx.arc(Infinity, Infinity, Infinity, Infinity, 2*Math.PI, true);
+  ctx.arc(Infinity, Infinity, Infinity, Infinity, Infinity, true);
+  ctx.arc(Infinity, Infinity, Infinity, 0, Infinity, true);
+  ctx.arc(Infinity, Infinity, 50, Infinity, 2*Math.PI, true);
+  ctx.arc(Infinity, Infinity, 50, Infinity, Infinity, true);
+  ctx.arc(Infinity, Infinity, 50, 0, Infinity, true);
+  ctx.arc(Infinity, 0, Infinity, 0, 2*Math.PI, true);
+  ctx.arc(Infinity, 0, Infinity, Infinity, 2*Math.PI, true);
+  ctx.arc(Infinity, 0, Infinity, Infinity, Infinity, true);
+  ctx.arc(Infinity, 0, Infinity, 0, Infinity, true);
+  ctx.arc(Infinity, 0, 50, Infinity, 2*Math.PI, true);
+  ctx.arc(Infinity, 0, 50, Infinity, Infinity, true);
+  ctx.arc(Infinity, 0, 50, 0, Infinity, true);
+  ctx.arc(0, Infinity, Infinity, 0, 2*Math.PI, true);
+  ctx.arc(0, Infinity, Infinity, Infinity, 2*Math.PI, true);
+  ctx.arc(0, Infinity, Infinity, Infinity, Infinity, true);
+  ctx.arc(0, Infinity, Infinity, 0, Infinity, true);
+  ctx.arc(0, Infinity, 50, Infinity, 2*Math.PI, true);
+  ctx.arc(0, Infinity, 50, Infinity, Infinity, true);
+  ctx.arc(0, Infinity, 50, 0, Infinity, true);
+  ctx.arc(0, 0, Infinity, Infinity, 2*Math.PI, true);
+  ctx.arc(0, 0, Infinity, Infinity, Infinity, true);
+  ctx.arc(0, 0, Infinity, 0, Infinity, true);
+  ctx.arc(0, 0, 50, Infinity, Infinity, true);
+  ctx.lineTo(100, 50);
+  ctx.lineTo(0, 50);
+  ctx.fillStyle = '#0f0';
+  ctx.fill();
+  _assertPixel(canvas, 50,25, 0,255,0,255);
+  _assertPixel(canvas, 90,45, 0,255,0,255);
+
+});
+</script>
+
