Slick Slider, replacement of standard dots not working?

Question

JavaScript

I am replacing the standard dots. Now I found that when I pressed these buttons, it stopped switching. At the same time, when you swipe, it works. questContentPhotos__Radios is dots

$('.questContentPhotos__Radios').slick({
 dots: false,
 infinite: true,
 speed: 300,
 slidesToShow: 1,
 variableWidth: true,
 asNavFor: '.questContentPhotos__Slider'
});

$('.questContentPhotos__Slider').slick({
  dots : false,
  arrows: true,
  slidesToScroll:1,
  slidesToShow:1,
  infinite:true,
  swipe:true,
  asNavFor: '.questContentPhotos__Radios'
});

Link to the page where the slider is located: https://vashkaweb.ru/work/quest1/quest.html

Answer 1

It was necessary to add a property to dots: focusOnSelect: true