From 5009692426f6e86082fafeda27fba6cbbb09bf5f Mon Sep 17 00:00:00 2001
From: Paul Kaplan <pkaplan@media.mit.edu>
Date: Tue, 22 May 2018 09:35:41 -0400
Subject: [PATCH] Add an explicit width and height to fix bubbles on retina
screens
---
src/util/svg-text-bubble.js | 5 ++++-
1 file changed, 4 insertions(+), 1 deletion(-)
diff --git a/src/util/svg-text-bubble.js b/src/util/svg-text-bubble.js
index 1324a90b..328c3a2e 100644
--- a/src/util/svg-text-bubble.js
+++ b/src/util/svg-text-bubble.js
@@ -157,8 +157,11 @@ class SVGTextBubble {
_wrapSvgFragment (fragment, width, height) {
let svgString = `<svg xmlns="http://www.w3.org/2000/svg" version="1.1"`;
if (width && height) {
+ const fullWidth = width + STROKE_WIDTH;
+ const fullHeight = height + STROKE_WIDTH + 12;
svgString = `${svgString} viewBox="
- ${-STROKE_WIDTH / 2} ${-STROKE_WIDTH / 2} ${width + STROKE_WIDTH} ${height + STROKE_WIDTH + 12}">`;
+ ${-STROKE_WIDTH / 2} ${-STROKE_WIDTH / 2} ${fullWidth} ${fullHeight}"
+ width="${fullWidth}" height="${fullHeight}">`;
} else {
svgString = `${svgString}>`;
}