Skip to content
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

feat(item-sliding): add stacked style for ios when expanding or collapsing #26392

Open
4 of 7 tasks
DwieDima opened this issue Dec 1, 2022 · 1 comment
Open
4 of 7 tasks
Labels
package: core @ionic/core package type: feature request a new feature, enhancement, or improvement

Comments

@DwieDima
Copy link
Contributor

DwieDima commented Dec 1, 2022

Prerequisites

Ionic Framework Version

  • v4.x
  • v5.x
  • v6.x
  • Nightly

Current Behavior

ion-item-sliding does not match IOS specifications:

  • ion-item-option Elements are side by side instead of on top of each other (stacked)
  • if expanded, ion-item-option won't stretch on slide before expandable ion-item-option will trigger (rubberband effect)
  • there is no reverse animation if expanded state is triggered and slide is swiped back again
  • sliding to expanded state and back again should trigger haptic feedback
  • swiping ion-item-sliding doesn't feel that smooth as in native
  • expanded ion-item-option should stretch to safe-area (e.g. aligned with ion-title) and content should align left instead right
  • there should be a delete animation, when fully swiping the expandable ion-item-option. Since expandable does not always mean, that we want to remove the item, we need some further options like in ion-infinite-scroll where we can call event.target.complete(), which could result in triggering the delete animation.

Expected Behavior

ion-item-option should be stacked

Reminder App Ionic

sliding ion-item-sliding further should create rubberband effect for ion-item-option

Reminder App Ionic

sliding back ion-item-sliding on expanded state should show slide-back animation

Reminder App Ionic

ion-item-sliding sliding to expanded state and back again should trigger haptic feedback

ion-item-sliding should expand to safe area and content of ion-item-option has to be aligned left

Reminder App Ionic

there should be a delete animation, when fully swiping the expandable ion-item-option

Reminder App Ionic
not implemented on ionic

Steps to Reproduce

Please follow described steps in table

Code Reproduction URL

https://stackblitz.com/edit/angular-4mvdgd

Ionic Info

see stackblitz

Additional Information

No response

@ionitron-bot ionitron-bot bot added the triage label Dec 1, 2022
@liamdebeasi liamdebeasi changed the title bug(item-sliding): item sliding does not match IOS specifications feat(item-sliding): add stacked style for ios when expanding or collapsing Dec 1, 2022
@liamdebeasi liamdebeasi added type: feature request a new feature, enhancement, or improvement package: core @ionic/core package labels Dec 1, 2022
@ionitron-bot ionitron-bot bot removed the triage label Dec 1, 2022
@DwieDima
Copy link
Contributor Author

DwieDima commented Dec 2, 2022

probably ticket #23155 should also be considered for this, since i mentioned here the "unsmooth" slide experience.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
package: core @ionic/core package type: feature request a new feature, enhancement, or improvement
Projects
None yet
Development

No branches or pull requests

2 participants