Mouse positions in replay are inaccurate

[stefandesu]

For me (using Brave), the mouse positions in the replay are offset. Looking at the CSS, it seems like the offset is 15 pixels (no matter how small or big I make the cursor). Maybe you can fix it in CSS, but for me, it works well if I adjust the following piece of code:

DOMRec/domrec.js

Lines 651 to 657 in b296fda

	DOMReplay.prototype.setCursorPos = function(x, y) {
	this.cursor.style.left = x + "px";
	this.cursor.style.top = y + "px";
	if (!this.cursor.parentNode) {
	this.host.appendChild(this.cursor);
	}
	}

// TODO: Dynamically determine offset (or fix in CSS).
const offset = 15
this.cursor.style.left = (x + offset) + "px";
this.cursor.style.top = (y + offset) + "px";

[Junkern]

Yeah, I have noticed the offset, aswell. Also, the height itself is set correctly, but still some of the bottom pixels are cut off (at least in Firefox).

Also, the mouse offset looks totally different in Firefox, compared to Brave/Chrome.

[stefandesu]

With my fix above, it seems to work for me in both Brave and Firefox. In Safari, the mouse position is also correct, but there seems to be another issue:

TypeError: undefined is not an object (evaluating 'rangeRect.left')