Skip to content

fix(modal): reset footer positioning after content drag and multi-footer support #30470

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Jun 10, 2025

Conversation

ShaneK
Copy link
Member

@ShaneK ShaneK commented Jun 10, 2025

Issue number: resolves #30468


What is the current behavior?

Currently, if you use pointer events to drag the content of a sheet modal with expandToScroll disabled and have you have a footer and a dismiss button, then you use the dismiss button to close the modal, the footer will be stuck in its pinned position at the bottom of the screen.

Additionally, if you have multiple footers, only one of them properly gets pinned and unpinned.

What is the new behavior?

  • We now move footers back to their stationary position when we finish our drag event on modal content
  • We support pinning and unpinning multiple footers at the same time now

Does this introduce a breaking change?

  • Yes
  • No

Other information

Dev build: 8.6.1-dev.11749575087.1b86eb67

@ShaneK ShaneK requested review from brandyscarney and thetaPC June 10, 2025 16:24
@ShaneK ShaneK requested a review from a team as a code owner June 10, 2025 16:24
Copy link

vercel bot commented Jun 10, 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 Jun 10, 2025 5:42pm

@github-actions github-actions bot added the package: core @ionic/core package label Jun 10, 2025
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.

I've tested both issues and confirmed that this resolves them. I also reviewed the component for any regressions and didn't find any. Everything looks great. Nice work! 🎉

Copy link
Contributor

@thetaPC thetaPC left a comment

Choose a reason for hiding this comment

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

LGTM

@ShaneK ShaneK added this pull request to the merge queue Jun 10, 2025
Merged via the queue into main with commit 071b414 Jun 10, 2025
50 checks passed
@ShaneK ShaneK deleted the FW-6589 branch June 10, 2025 18:20
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.

bug: ion-footer remains visible after sheet modal dismissal
3 participants