Skip to content

Conversation

@thetaPC
Copy link
Contributor

@thetaPC thetaPC commented Mar 7, 2025

Issue number: internal


What is the current behavior?

The community has pointed out a missing aspect to the new feature of being able to scroll content on all breakpoints for the sheet modal. It's been verified (by comparing native iOS) that the swipe to close or minimize on content (not handle) is indeed missing but only on a certain conditions:

User can swipe on the content to close when:

  • The sheet modal is on the smallest breakpoint
  • The content has been scrolled to the top

User can swipe down to collapse to the next smallest breakpoint

  • The content has been scrolled to the top

What is the new behavior?

User can swipe on the content to close when:

  • The sheet modal is on the smallest breakpoint
  • The content has been scrolled to the top

User can swipe down to collapse to the next smallest breakpoint

  • The content has been scrolled to the top

Does this introduce a breaking change?

  • Yes
  • No

Other information

Preview

@vercel
Copy link

vercel bot commented Mar 7, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
ionic-framework ✅ Ready (Inspect) Visit Preview 💬 Add feedback Mar 10, 2025 6:16pm

@github-actions github-actions bot added the package: core @ionic/core package label Mar 7, 2025
@thetaPC thetaPC marked this pull request as ready for review March 8, 2025 00:10
@thetaPC thetaPC requested a review from a team as a code owner March 8, 2025 00:10
Copy link
Member

@brandyscarney brandyscarney left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This looks good! We might want to mark this a refactor though since the feature hasn't been released yet.

@thetaPC thetaPC changed the title fix(modal): allow dragging when expandToScroll is false refactor(modal): allow dragging when expandToScroll is false Mar 10, 2025
@thetaPC thetaPC merged commit 335672d into feature-8.5 Mar 10, 2025
48 checks passed
@thetaPC thetaPC deleted the FW-6283 branch March 10, 2025 18:39
github-merge-queue bot pushed a commit that referenced this pull request Mar 18, 2025
…croll is false (#30257)

Issue number: internal

---------
## What is the current behavior?
Changes introduced by #30235 caused two major issues:
- Animations were not being played when increasing breakpoints.
- When the scrollable content was at the top, and a big scroll to the
bottom of the list was made, the modal would jump to a higher
breakpoint.

## What is the new behavior?
- When `expandToScroll` is false, the swipe gesture is allowed unless
it's a pull down within scrollable content.
- When `expandToScroll` is false, we cancel the `moveSheetToBreakpoint`
when a scroll to top is being done within the scrollable content

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

## Other information
| Before | After |
|--------|-------|
| <video
src="https://github.com/user-attachments/assets/e1c22f48-f990-45cf-a6c4-1aec0d019c6d">
| <video
src="https://github.com/user-attachments/assets/f01e0480-748f-40af-ac11-94f790f0e197">
|
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

package: core @ionic/core package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants