Comments (3)
Can you provide a minimal reproduction using something like https://lit.dev/playground?
from material-web.
Hmm, seems like the problem occurs with SwiperJS.
2024-04-10.mp4
Maybe some ideas why is this happening?
vanilla
- events emitted in vanilla css solution
swiperjs
- events emitted in swiperjs solution
from material-web.
It looks like swiperjs is intercepting the pointercancel
event. The browser will dispatch that event when it detects that a user is swiping instead of tapping. When this happens, we end the ripple's animation early.
State is getting mismatched because the pointerup
event's pointerId
doesn't match the pointerenter
's pointerId
here.
I don't think I'll be able to take a look at swiperjs compatibility unfortunately. Our ripple.shouldReactToEvent()
may need tweaks to support swiperjs while also handling the vanilla use case of tapping with multiple pointers.
from material-web.
Related Issues (20)
- Minor FR: A sane sans serif font HOT 1
- tabs.addEventListener does not work HOT 1
- No ripple feeback when md-icon-button is clicked programmatically.
- click() on an href icon-button has no effect.
- How does someone build and run this locally like in enclave? HOT 2
- Dialog header is bold when it shouldn't be HOT 2
- md-menu / md-select: How to change default animation?
- Add support for alternative menu animation HOT 1
- Some questions about the use of Typography
- Buttons' appearance in disabled fieldset HOT 2
- safari compatibility issues HOT 1
- Problems with md-tabs
- autofill in text-filed for email and password missing
- md-dailog max-height calculation is same as the min-height HOT 1
- md-menu-item of type="button" should click on keyboard selection HOT 2
- md-select-option selected not getting selected
- File upload input is needed.
- md-select-option selected not getting selected on angular reactive form HOT 2
- Buttons should support button attributes
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from material-web.