LibWeb: Use the AA painter for drawing dotted lines

The AA painter will actually draw the dots as circles, which is
how other browsers handle this.

1 files changed, 5 insertions, 0 deletions

diff --git a/Userland/Libraries/LibWeb/Painting/BorderPainting.cpp b/Userland/Libraries/LibWeb/Painting/BorderPainting.cpp
index ea569a4dbf..e0c3250677 100644
--- a/Userland/Libraries/LibWeb/Painting/BorderPainting.cpp
+++ b/Userland/Libraries/LibWeb/Painting/BorderPainting.cpp
@@ -133,6 +133,11 @@ void paint_border(PaintContext& context, BorderEdge edge, Gfx::IntRect const& re
             p2.translate_by(int_width / 2, -int_width / 2);
             break;
         }
+        if (border_style == CSS::LineStyle::Dotted) {
+            Gfx::AntiAliasingPainter aa_painter { context.painter() };
+            aa_painter.draw_line(p1.to_type<float>(), p2.to_type<float>(), color, int_width, gfx_line_style);
+            return;
+        }
         context.painter().draw_line(p1, p2, color, int_width, gfx_line_style);
         return;
     }