ionic-team / ionic-team/ionic-framework
bug: ionSliding.open('start') ionSliding.open('end') makes the start options unclickable
- 主要言語
- TypeScript
- スター
- 52.7k
- フォーク
- 13.3k
- 平均マージ
- 1日 15時間
- マージ済み PR(30日)
- 51
説明
### Prerequisites
- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/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();
}
});
```
コントリビューションガイド
調査の方向性
Reproduce the issue with itemSliding.open('end') followed by itemSliding.open('start'), then inspect how the item-sliding-closing class is handled during the transition. Verify the fix by confirming that the start options are clickable after the sequence, without relying on the reported workaround.
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- angular, typescript
- 領域
- frontend
- issue の種類
- バグ
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 35/100