Skip to content

refactor!: rename overlayContainment from "viewport" to "page"#11520

Merged
web-padawan merged 1 commit intomainfrom
refactor/mdl-page-containment
Apr 20, 2026
Merged

refactor!: rename overlayContainment from "viewport" to "page"#11520
web-padawan merged 1 commit intomainfrom
refactor/mdl-page-containment

Conversation

@web-padawan
Copy link
Copy Markdown
Member

Summary

  • Renames the non-default overlayContainment value from "viewport" to "page" in vaadin-master-detail-layout — the property name and the default "layout" value are unchanged.
  • Updates source, TypeScript typings, CSS selectors (base styles + Aura theme), dev playground pages, unit/aria/visual tests, and ARCHITECTURE.md.
  • Renames the six visual regression screenshot baselines from *-viewport.png to *-page.png via git mv so the images are byte-identical to the originals.

This is a breaking change for callers that set overlayContainment = 'viewport'; the component is still pre-release so the rename is intentional.

Test plan

  • yarn lint:js
  • yarn lint:css
  • yarn lint:types
  • yarn test --group master-detail-layout (overlay, aria, transitions, split-mode — all pass)
  • yarn test:snapshots --group master-detail-layout
  • yarn test:base --group master-detail-layout (visual — run locally in Docker)
  • yarn test:lumo --group master-detail-layout (visual — run locally in Docker)
  • yarn test:aura --group master-detail-layout (visual — run locally in Docker)
  • Manual smoke check: yarn start, open the master-detail-layout dev page, select the renamed "Page" radio option, confirm the overlay is fixed-positioned relative to the browser page.

🤖 Generated with Claude Code

@web-padawan web-padawan changed the title refactor: rename master-detail-layout overlayContainment "viewport" to "page" refactor!: rename overlayContainment from "viewport" to "page" Apr 20, 2026
@web-padawan web-padawan requested a review from vursen April 20, 2026 10:38
…o "page"

Renames the non-default `overlayContainment` value from `"viewport"` to
`"page"` across source, typings, CSS selectors, dev pages, tests, and
architecture docs. Visual regression baselines are renamed via git mv so
they remain byte-identical. The property name and the default `"layout"`
value are unchanged.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@web-padawan web-padawan force-pushed the refactor/mdl-page-containment branch from 2893b34 to f80ac38 Compare April 20, 2026 10:39
@sonarqubecloud
Copy link
Copy Markdown

@web-padawan web-padawan merged commit 62a2306 into main Apr 20, 2026
10 checks passed
@web-padawan web-padawan deleted the refactor/mdl-page-containment branch April 20, 2026 10:50
github-merge-queue Bot pushed a commit to vaadin/flow-components that referenced this pull request Apr 20, 2026
## Description

Follow-up to the web component change
vaadin/web-components#11520

## Type of change

- Refactor
@vaadin-bot
Copy link
Copy Markdown
Collaborator

This ticket/PR has been released with Vaadin 25.2.0-alpha3.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants