- When doing a mobile touch for the first time at the place were the buttons are, the buttons get clicked.
- Sometimes the div get “focused” with a blue background color. How do I prevent that?
- What you mention: touch outside of the area doesn’t hide/toggle it.
- Had to remove mouseenter as it already was in another function
//hover/click
$(document).on("mouseenter", ".slick-current", function(e) {
$('.slick-current').addClass('current-hover');
});
$(document).on("mouseleave", ".slick-current", function(e) {
$('.slick-current').removeClass('current-hover');
});
// Touch
$(document).on("touchstart", ".slide", function(e) {
e.stopPropagation();
if($(this).hasClass('current-hoverv2')){
$(this).removeClass('current-hoverv2');
}
else{
$(this).addClass('current-hoverv2');
}
});
Do note I uploaded these changes to the server to help further debug it www.tomastestart.cl/portafolio/