[BUG] The clientX/Y values in drag events are always 0 in firefox #17761

const { expect, firefox } = require( '@playwright/test' );

( async function main() {
	const browser = await firefox.launch( {
		headless: false,
	} );
	const context = await browser.newContext();
	const page = await context.newPage();

	await page.setContent( `
		<button draggable="true">Drag me</button>
	` );

	const logs = await page.evaluateHandle( () => {
		const _logs = [];
		document.addEventListener( 'dragover', ( event ) => {
			_logs.push( {
				clientX: event.clientX,
				clientY: event.clientY,
				pageX: event.pageX,
				pageY: event.pageY,
				screenX: event.screenX,
				screenY: event.screenY,
			} );
		} );
		return _logs;
	} );
	const [ screenLeft, screenTop ] = await page.evaluate( () => [
		window.mozInnerScreenX,
		window.mozInnerScreenY,
	] );

	await page.hover( 'button' );

	await page.mouse.down();
	await page.mouse.move( 100, 100 );
	await page.mouse.up();

	expect( await logs.jsonValue() ).toEqual( [
		{
			clientX: 100,
			clientY: 100,
			pageX: 100,
			pageY: 100,
			screenX: screenLeft + 100,
			screenY: screenTop + 100,
		},
	] );
} )();