fix: fix inline background color wrap rendering

niklasvh · Jul 14, 2023 · ea5be24 · ea5be24
1 parent 6020386
commit ea5be24
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/src/render/canvas/canvas-renderer.ts b/src/render/canvas/canvas-renderer.ts
@@ -714,7 +714,21 @@ export class CanvasRenderer extends Renderer {
 
             if (!isTransparent(styles.backgroundColor)) {
                 this.ctx.fillStyle = asString(styles.backgroundColor);
-                this.ctx.fill();
+
+                if (styles.display === DISPLAY.INLINE) {
+                    for (const textNode of paint.container.textNodes) {
+                        for (const textBound of textNode.textBounds) {
+                            this.ctx.fillRect(
+                                textBound.bounds.left,
+                                textBound.bounds.top,
+                                textBound.bounds.width,
+                                textBound.bounds.height
+                            );
+                        }
+                    }
+                } else {
+                    this.ctx.fill();
+                }
             }
 
             await this.renderBackgroundImage(paint.container);