Fixes Safari positioning on inline labels

zachleat · zachleat · commit a6edb40841f8 · 2021-10-05T22:28:39.000-05:00
diff --git a/src/css/d3chart.css b/src/css/d3chart.css
@@ -94,6 +94,8 @@
 	font-size: 16px;
 	font-weight: 600;
 	text-anchor: start;
+	dominant-baseline: central;
+	alignment-baseline: middle;
 }
 .d3chart-inlinebarvalue-h.inside {
 	text-anchor: end;
diff --git a/src/site/survey/2021/d3chart.js b/src/site/survey/2021/d3chart.js
@@ -665,7 +665,6 @@ class D3HorizontalBarChart extends D3Chart {
         .data(data)
         .join("g")
           .attr("transform", d => `translate(0,${y0(d[groupKey])})`)
-          .attr("dominant-baseline", "central")
         .selectAll("text")
         .data(dataMod)
         .join("text")

Original file line number	Diff line number	Diff line change
`@@ -94,6 +94,8 @@`
`94`	`94`	`font-size: 16px;`
`95`	`95`	`font-weight: 600;`
`96`	`96`	`text-anchor: start;`
	`97`	`+ dominant-baseline: central;`
	`98`	`+ alignment-baseline: middle;`
`97`	`99`	`}`
`98`	`100`	`.d3chart-inlinebarvalue-h.inside {`
`99`	`101`	`text-anchor: end;`