ionic-team / ionic-team/ionic-framework

bug: ion-item-sliding should close automatically when clicking anywhere in the content

Open
#29,504 5 comments 1 reaction 0 assignees View on GitHub
type: bug
Dominant language
TypeScript
Stars
52.7k
Forks
13.3k
Avg merge
1d 15h
Merged PRs (30d)
51

Description

### 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 include this feature request, without success.

### Describe the Feature Request

auto close sliding

### Describe the Use Case

When the user swipes an item, it will remain open unless manually closed.

Ideal logic: automatically close when the current item loses focus

### Describe Preferred Solution

_No response_

### Describe Alternatives

_No response_

### Related Code

_No response_

### Additional Information

The most convenient way

```
window.addEventListener("click", (el) => {
let parent: HTMLElement | any = el.target;

while (parent) {
if (parent == list.value.$el) {
return;
}

parent = parent.parentElement;
}

list.value.$el.closeSlidingItems();
});
```

In fact, when switching the background, it should also trigger auto close.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.