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.

swipeout with link element documentation

See original GitHub issue

Documentation for swipeout with link elements gives the following example:

<li class="swipeout">
  <a href="#" class="swipeout-content item-content item-link">
    <div class="item-media">...</div>
    <div class="item-inner">...</div>
  </a>
  <div class="swipeout-actions-right">
    <a href="#">Action 1</a>
    <a href="#">Action 2</a>
  </div>
</li>

However this results in a lot of animation lag when swiping and poor user experience.

Kitchen sink moves the ‘swipeout-content’ into a wrapping div which results in much smoother animation. Recommend update to documentation.

<li class="swipeout">
  <div class="swipeout-content">
    <a href="#" class="item-link item-content">

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Comments:8 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
unstableaircommented, May 5, 2017

Yes. The documentation has been updated with the suggested amendment. See my original post on this thread for details.

0reactions
pluckannfeelcommented, Jan 26, 2018

swipeout have issues when swiping, the action buttons will disappear and then its goes back again like a glitch

Read more comments on GitHub >

github_iconTop Results From Across the Web

swipeout with link element documentation · Issue #745 - GitHub
iOS9 iPhone 6 (also Safari on osx). The problem is very noticable with poor sync between the movement of the content and action...
Read more >
Swipeout | Framework7 Documentation
Swipeout is an extension of list view that allows you to swipe over list elements to reveal hidden menu with available actions, like...
Read more >
List Item React Component | Framework7 React Documentation
swipeoutDeleted, Event will be triggered after swipeout element completes its delete animation right before it will be removed from DOM.
Read more >
Display buttons after swiping an element - Edward Beazer Blog
Use React Native Swipeout to display hidden elements after swiping.
Read more >
javascript - How to Adding multiple element using JS push()? - Stack ...
createElement("div"); var link = document.createElement("a"); var children = ul.children.length + 1 li.setAttribute("class", "swipeout") label.
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