question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

feat: ion-item-sliding open start and end options at the same time

See original GitHub issue

Feature Request

Ionic version:

[x] 4.x

Describe the Feature Request Open ion-item-sliding on start and end using open("both").

Use case I would like to use this to implement a counter which can be changed by either clicking on the corresponding “+” / “-” option on either end or by swiping over the counter in the corresponding direction. Please see image below.

Describe Preferred Solution I would like to open a ion-item-sliding on both sides using some programmatic API. This would help me implement a button which can either be clicked or using a slide motion to activate.

slider-open

Describe Alternatives Currently I am using a button on both sides of the slider to mimic the same behavior (see screenshot). This comes with the following downsides which I have to fix with custom JavaScript:

  • when sliding to one side the other side’s button is not hidden slide-no-close
  • the slider can still stay open which results in a button a bit wider on one side (ugly) slider-open-ugly

-> Maybe some very dark CSS wizardry or using internal functions could be used to achieve the same.

Related Code

Additional Context

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
Enteeecommented, May 27, 2020

@liamdebeasi added use case to the description.

0reactions
ionitron-bot[bot]commented, Jul 8, 2020

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Read more comments on GitHub >

github_iconTop Results From Across the Web

ion-item-sliding open start and end options at the same time ...
I would like to open a ion-item-sliding on both sides using some programmatic API. This would help me implement a button which can...
Read more >
ion-item-sliding - Ionic Framework
Sliding item options are placed on the "end" side of the item by default. This means that options are revealed when the item...
Read more >
Is there a way to find out if the "ion-item-sliding" is back in idle ...
The Item is transparent so the problem is that I can see the left and the right ion-item-option at the same time. That...
Read more >
ionic/docs/core.json - UNPKG
Destructive options are made obvious in `ios` mode. ... the left or right side of an item, set the slot to `start` or...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found