Unexpected behavior when pulling, fixed code inside about material-refresh HOT 2 OPEN

I am having weird behavior too, but even when i used the code you provided, its still behaving weirdly... i am wondering if i supposed to assign the scrollEL to a div that is scrollable?? Because i have anchor tag that is supposed to be clickable, but now the touchstart/touchend event is being detected, but the anchor tag "click" isnt getting triggered.

from material-refresh.

Cool, it's quite better performance with this transform version than only with positioning, but yes, the arroy spin still extrange. My fix is a CSS fix, just add a transition to the arrow. This can be done in the selector .mui-arrow-main that is in line 44 of material-refresh.css by adding:

  -webkit-transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;

So, the full selector ends like this:

.mui-half-circle,
.mui-arrow-main {
  position: absolute;
  top: 0;
  width: 25px;
  height: 25px;
  box-sizing: border-box;
  border-width: 3px;
  border-style: solid;
  border-color: #000 #000 transparent;
  border-radius: 999px;
  -webkit-transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
}

Hope to help ;)

P.D. Yes, it also affects to .mui-half-circle, but I haven't detected any extrange behaviour. If you are so paranoid about it, you can just add a new style rule between line 55 and 56, exactly this one:

.mui-arrow-main {
  -webkit-transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
}

Happy coding!

from material-refresh.