[X] I have searched for existing issues that already report this problem, without success.
Ionic Framework Version
[ ] v4.x
[ ] v5.x
[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
DwieDima
commented
1 year ago
Prerequisites
Ionic Framework Version
Current Behavior
ion-item-slidingdoes not match IOS specifications:ion-item-optionElements are side by side instead of on top of each other (stacked)ion-item-optionwon't stretch on slide before expandableion-item-optionwill trigger (rubberband effect)ion-item-slidingdoesn't feel that smooth as in nativeion-item-optionshould stretch to safe-area (e.g. aligned withion-title) and content should align left instead rightion-item-option. Sinceexpandabledoes not always mean, that we want to remove the item, we need some further options like inion-infinite-scrollwhere we can callevent.target.complete(), which could result in triggering the delete animation.Expected Behavior
ion-item-optionshould be stackedsliding
ion-item-slidingfurther should create rubberband effect forion-item-optionsliding back
ion-item-slidingon expanded state should show slide-back animationion-item-slidingsliding to expanded state and back again should trigger haptic feedbackion-item-slidingshould expand to safe area and content ofion-item-optionhas to be aligned leftthere should be a delete animation, when fully swiping the expandable
ion-item-optionSteps 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