View transition layered capture: determine geometry based on box model
Instead of capturing the border offset, we capture the following
layout sizes to determine sizing, in addition to the border box:
-
padding box
-
content box
-
The box-sizing property
-
In layered capture mode, we use the content box size as the
reference box for positioning the snapshot, so that padding take
effect. -
The ::view-transition-image-pair pseudo-element now has
position:relative so that it gets affected by padding. It has the
content box size. -
The width/height of the group is determined by the box-sizing
property, and it receives the computed padding.
Bug: 375395117
Change-Id: I18fe5126fbfac58b0619043cc5521ea1f280e457
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5953705
Reviewed-by: Khushal Sagar khushalsagar@chromium.org
Reviewed-by: Philip Rogers pdr@chromium.org
Reviewed-by: Arthur Sonzogni arthursonzogni@chromium.org
Commit-Queue: Noam Rosenthal nrosenthal@chromium.org
Cr-Commit-Position: refs/heads/main@{#1379706}