tree 10997a83ad6e01039d6c6b0f67dfb6dab694cd58
parent d86eab89c1e5dc4220c89d56cf4e5691ccedc542
author Daniel Holbert <dholbert@cs.stanford.edu> 1688596592 +0000
committer moz-wptsync-bot <wptsync@mozilla.com> 1688636028 +0100

Fix reference case for WPT positioned-grid-items-025.html to avoid depending on the width of a space character.

This testcase happened to use two inline-blocks, with whitespace between them,
which renders as a space character. The reference case's positioning for the
second inline-block was hand-tuned with a particular magic number of pixels,
which only produced the actual intended rendering if the space character
happened to render at a particular width.

This patch addresses this issue by making the elements be blocks instead of
inline-blocks, so that the whitespace between them gets collapsed away and
doesn't impact the rendering.  I then make them "stack horizontally" by
translating the second one upwards to still show up alongside the first one.
(There are of course other ways to achieve this, but this requires the least
edits to this existing file, while keeping things still fairly understandable.)

Differential Revision: https://phabricator.services.mozilla.com/D182826

bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1841311
gecko-commit: 9aecd29d3377bef23aa1daa28ab78722509dc019
gecko-reviewers: twisniewski