Fix legend alignment issue in Chrome, many thanks @Spacarar, see dc-js#1852, dc-js#1855, dc-js#1856

Author: kum-deepak

spec/legend-spec.js

@@ -53,8 +53,7 @@ describe('dc.legend', () => {
             expect(chart.selectAll('g.dc-legend g.dc-legend-item text').size()).toBe(3);
         });
 
-        // The following test has started failing on Chrome Headless 96.0.4664.110
-        xit('should position the legend labels', () => {
+        it('should position the legend labels', () => {
             expect(legendLabel(0).attr('x')).toBeWithinDelta(15, 2);
             expect(legendLabel(0).attr('y')).toBeWithinDelta(11.75, 2);
             expect(legendLabel(1).attr('x')).toBeWithinDelta(15, 2);

src/charts/legend.ts

@@ -289,9 +289,8 @@ export class Legend {
                 .text(self._legendText)
                 .attr('x', self._itemHeight + LABEL_GAP)
                 .attr('y', function () {
-                    return (
-                        self._itemHeight / 2 + (this.clientHeight ? this.clientHeight : 13) / 2 - 2
-                    );
+                    const clientHeight = this.getBoundingClientRect().height || 13;
+                    return self._itemHeight / 2 + clientHeight / 2 - 2;
                 });
         }