Skip to content

fix(material/datepicker): prevent touch UI overflow#33277

Closed
Will-thom wants to merge 1 commit into
angular:mainfrom
Will-thom:codex/fix-datepicker-touch-overflow
Closed

fix(material/datepicker): prevent touch UI overflow#33277
Will-thom wants to merge 1 commit into
angular:mainfrom
Will-thom:codex/fix-datepicker-touch-overflow

Conversation

@Will-thom
Copy link
Copy Markdown

Summary

  • Constrain the touch datepicker content container to the dialog viewport height.
  • Allow the touch content container to scroll when short viewports cannot fit the full calendar.
  • Add a regression spec that verifies the touch container is bounded and scrollable.

Fixes #33115.

Testing

  • pnpm exec sass --load-path=src src/material/datepicker/datepicker-content.scss
  • pnpm exec stylelint src/material/datepicker/datepicker-content.scss --config .stylelintrc.json
  • pnpm exec prettier --check src/material/datepicker/datepicker-content.scss src/material/datepicker/datepicker.spec.ts
  • pnpm bazel test //src/material/datepicker:unit_tests was attempted locally, but the Windows environment failed before running tests while fetching/configuring browser/Sass Bazel toolchains.

@pullapprove pullapprove Bot requested review from adolgachev and ok7sai May 19, 2026 21:58
@Will-thom Will-thom closed this May 19, 2026
@Will-thom Will-thom deleted the codex/fix-datepicker-touch-overflow branch May 19, 2026 22:01
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.

bug(Datepicker): Touch UI Datepicker doesn't prevent overflow in small-height portrait viewports

2 participants