New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Link inside slide are flickering #300
Comments
Ok, already found a way.. :) |
Mind to share? |
@webinpixels Please share your solution. Having the same issue. |
Could we re-open this? It's really jarring when all the links blink. |
Just had this issue. Using |
I have this problem too, in google chrome (version 83.0.4103.116) an safari (version 13.1.1). I think it occurs because href is removed from anchor tags when dragging the slider. If the removal of href is not necessary, this pull request #502 fixes the problem. |
I don't know if this is still a problem for anyone, but here is a quick solution that GlideJS developers already implemented into their library
You can find full documentation here link |
Hmm I could be wrong but I believe the Anchors plug-in is used by default and is actually what's causing the blinking because it removes the link's href attribute during sliding. |
I am not sure if it is included by default in CDN, but in npm package it is not included by default. Also, this is what is telling the library that there are anchors inside the slider and is actually not removing href during slider. |
Yea it is: glide/src/components/anchors.js Line 97 in e894ec3
|
Yes, you are right, It is included right away with the library, sorry. |
Ok so yea disabling the Anchors component probably fixes it but introduces other problems like not being able to drag linked elements. |
Do you mean being able to drag by the anchors? That is not actually a problem in my case. |
This works for me - only turns off transitions during the window for repainting after slide change (the duration to wait is an arbitrary length to cover the time of repaint that triggers the color change)
|
Hi
So, basically I use css3 transition in all
<a>
tags, to give nice effect on mouseover and other simple actions. I just noticed that after swipe (drag) the slider, all links inside slides are flickering. This is because the glide script is removing the "href" in all<a>
tags on drag event and put it back when we release the drag. I can fix this by adding these lines in my CSSyep, issues is fixed, but the "nice effect" on mouseover also disappear LOL
Any idea how to fix this without removing the transitions?
Many thanks!
The text was updated successfully, but these errors were encountered: