Как подружить touch слайдер и input?

Question

[Анастасия]

Здравствуйте. Есть сенсорный слайдер. Поле ввода занимает бОльшую половину, поэтому есть сложности с его перелистыванием.

Подскажите, как сделать, чтобы перелистывать слайдер можно было даже по input? Но и чтобы не потерять возможность использовать input, потому что pointer-events полностью убивает мне сам input.

Comments

[Аркадий Зимин]

А зачем делать инпуты в слайдере?
Это разве не доставит дискомфорта вашим пользователям?

[Анастасия]

Аркадий Зимин, я делаю для себя. неудобств нет. да и input всё равно не активируется, если по нему свайпнуть. Почему нельзя тогда перелистнуть?

[Аркадий Зимин]

Анастасия, одна из мыслей - это сделать по дефолту point-events: none, и отслеживать клик по инпуту через JS, если пользователь жмет на инпут то открывать возможности инпутов.

Как точно реализовать сам не знаю, но думаю мысль ясна

[Анастасия]

Аркадий Зимин, так оно не алё тогда, не нажимается:

[Аркадий Зимин]

Анастасия, осталось разобраться с удалением класса p-on при перелистывании на след. слайд. В документации есть возможность отслеживания переключения слайдера. Там проблема была в том, что слайдер не дает нажать на элемент внутри своего carousel-cell
Это flickity, вроде как



UPD
Я код не совсем правильно написал, только сейчас допер. Там цикл на все инпуты, надо как-то для каждого написать код, без цикла делать скорее всего

[Анастасия]

Аркадий Зимин, да, этот слайдер. только у вас он не листается...

[Аркадий Зимин]

Анастасия, у меня листается

[Анастасия]

Аркадий Зимин, ну я до такого состояния доходила. Оно листается только 1 раз, второй свайп уже активирует input. А я хотела сделать себе: клик - input, свайп - перелистывание