bug: ionSliding.open('start') ionSliding.open('end') makes the start options unclickable #29975
Description
Prerequisites
- I have read the Contributing Guidelines.
- I agree to follow the Code of Conduct.
- I have searched for existing issues that already report this problem, without success.
Ionic Framework Version
v7.x
Current Behavior
After doing
itemSliding.open('end').then(() => itemSliding.open('start')
The item options are not clickable on start
Expected Behavior
Item options should be clickable
Steps to Reproduce
itemSliding.open('end').then(() => itemSliding.open('start')
Try to click start options is not possible
Code Reproduction URL
https://github.com/too/lazy/to/do/this
Ionic Info
Ionic:
Ionic CLI : 7.2.0 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 8.2.0
@angular-devkit/build-angular : 17.3.7
@angular-devkit/schematics : 17.3.7
@angular/cli : 17.3.7
@ionic/angular-toolkit : 11.0.1
Capacitor:
Capacitor CLI : 6.0.0
@capacitor/android : 6.0.0
@capacitor/core : 6.0.0
@capacitor/ios : not installed
Utility:
cordova-res : not installed globally
native-run : 2.0.1
System:
NodeJS : v20.18.0 (/usr/local/bin/node)
npm : 10.8.3
OS : Linux 6.8
Additional Information
The problem is that the class item-sliding-closing doesn't get deleted when opening the start slide:
Workaround:
slidingItem.getOpenAmount().then((amount: any) => {
if (amount === 0) {
slidingItem.open('end');
} else if (amount > 0){
slidingItem.open('start').then(() => {
slidingItem.el.classList.remove('item-sliding-closing')
})
} else {
slidingItem.close();
}
});