fix: correctly render partial borders (fix #1920) (#2010)

niklasvh · Sep 22, 2019 · eedb81e · eedb81e
1 parent d4b5896
commit eedb81e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/render/canvas/canvas-renderer.ts b/src/render/canvas/canvas-renderer.ts
@@ -701,8 +701,9 @@ export class CanvasRenderer {
         let side = 0;
         for (const border of borders) {
             if (border.style !== BORDER_STYLE.NONE && !isTransparent(border.color)) {
-                await this.renderBorder(border.color, side++, paint.curves);
+                await this.renderBorder(border.color, side, paint.curves);
             }
+            side++;
         }
     }
 

diff --git a/tests/reftests/border/solid.html b/tests/reftests/border/solid.html
@@ -40,6 +40,12 @@
           border-bottom-width: 50px;
       }
 
+      .box6 {
+          border-style: none solid none solid;
+          border-color: #807d32;
+          border-width: 50px;
+      }
+
       html {
         background: #3a84c3;
       }
@@ -51,5 +57,6 @@
     <div class="box3">&nbsp;</div>
     <div class="box4">&nbsp;</div>
     <div class="box5">&nbsp;</div>
+    <div class="box6">&nbsp;</div>
   </body>
 </html>