Skip to content

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

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

fix(material/datepicker): prevent touch UI overflow#33278
Will-thom wants to merge 1 commit into
angular:mainfrom
Will-thom: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.

@crisbeto
Copy link
Copy Markdown
Member

It's been addressed in #33281.

@crisbeto crisbeto closed this May 20, 2026
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

3 participants