The a11y border dimensions and location is not correct for mobile browser.

This is only observed when screenreader is on:

The border is correct when a11y borders are shown via using showSemanticsDebugger.

Investigation so far: I debugged the issue in all layers (framework->engine/ui->engine/web_ui), the transform information received from the framework (SemanticsNodeUpdate.transform) is correct. The border is correct on Desktop browsers. Therefore I'll investigate the whether to use another set of dimensions for mobile browsers when we are attaching styling to semantic nodes.

Issue initially observed in TalkBack, later manually tested on VoiceOver (Iphone) and the problem was the same.