ScreenshotsHeroBladeRow is inconsistency-sized relative to the rest of the UI
Partner Rank:
N/A
Verification Builds:
1.21.2 (26068194)
Regression Builds:
Unknown
Summary:
ScreenshotsHeroBladeRow is inconsistency-sized relative to the rest of the UI.
Affects currently Live Content:
Yes (Marketplace UI in general)
Impact:
- The carousel causes a cumulative layout shift when the ScreenshotsHeroBladeRow becomes visible.
- The "row" version of the screenshot row further down the root store layout is too wide, which means the right-side of the focus ring is obscured.
Repro Steps:
- Open the Marketplace.
- Try to navigate to a carousel row that uses the new screenshot layout. Observe that the rest of the content under the carousel is pushed down (aka "cumulitive layout shift").
- Scroll down to a screenshot row further down in the root layout. Try different client sizes; you'll notice the focus ring isn't fully bordering the row.
Observed Results:
Cumulative layout shift + focus ring out of bounds. The screenshot row further down the root is way wider than other items.
Expected Results:
Cumulative layout should not happen, focus ring should always be visible.
Screenshots/Videos attached:
- See attached video + screenshot.
Notes:
N/A