square highlighting isn't perfectly aligned

[isaacl]

It's more obvious with the grey premove overlay, but visible for green move highlights too. In screenshot below, the green move highlight is not quite even with the bottom of d5.

My board zoom is at about 1/5 of the slider.

[isaacl]

[isaacl]

SVG rects are perfectly aligned -- let's switch highlight to position via svg:

function renderSquare(pos: cg.Pos, bounds: ClientRect, style: string): SVGElement {
  const o = posToTranslate(pos, true, bounds);
  return setAttributes(createElement('rect'), {
    style: style,
    x: o[0],
    y: o[1],
    width: bounds.width / 8,
    height: bounds.height / 8
  });
}

[isaacl]

from opperwezen stream:

this would be nice to fix

[PureLines]

Any updates on this issue?

It’s ok in 7.5.1 version.

[niklasf]

It's ok in Chrome with the rounding trick, but still broken when using browser zoom or in other browsers.