bug: IonItemOptions stays open after ionIonSwipe is excecuted

Open
#3,631 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
35/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
javascript
Domain
frontend

Research direction

Start with the IonItemSliding, IonItemOptions, and IonItemOption usage described in the report, focusing on the onIonSwipe delete flow. Reproduce the issue with an expandable end option, then verify that deleting an item closes the slider and hides the Delete option until the next swipe.

Written by the indexing model from the issue text.

Description

triage
Describe the Bug

So when I use the IonItemSliding with the IonItemOption expandable, the Option stays open even after the onIonSwipe action is excecuted. So I have one which I use to delete an Item.
IonItemOptions side="end" onIonSwipe={onDelete}> <IonItemOption color="danger" onClick={onDelete} expandable>
After one Item is deleted the option Delete stays visible.

Expected Behavior

What I expected to happen was the slider dissapearing after the function is excecuted. So after the Item is deleted the Delete option should be hidden again until swiping an Item again.

Steps to Reproduce

Using the IonItemSliding with IonItemOptions & IonItemOption with a function attached to it.

Screenshots

Scherm­afbeelding 2024-05-01 om 00 17 00

Operating System

No response

Browser

No response

Version

No response

Additional Information

I am trying my application in the web, so first I thought it was due to my browse (safari, chrome, firefox, etc.) so I installed the app on my phone. I got the exact same behaviour.

Dominant language
MDX
Stars
621
Forks
3.2k
Avg merge
1d 2h
Merged PRs (30d)
86

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from ionic-team/ionic-docs

All issues in ionic-team/ionic-docs

Similar issues

More Web Dev issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.