Как исправить проблему с необычным поведением событий click и touchstart на мобильных устройствах?

Какие детали и особенности товара доступны на странице <a href="https://uk-look.com/lyle-scott-camisa-gingham/" rel="nofollow">https://uk-look.com/lyle-scott-camisa-gingham/</a>?
  • 27 апреля 2024 г. 16:50
Ответы на вопрос 2
Для исправления проблемы с необычным поведением событий click и touchstart на мобильных устройствах рекомендуется использовать специальный код, который будет корректно обрабатывать эти события. Например, можно добавить дополнительные условия для обработчиков событий, чтобы учитывать различия между click и touchstart.

А на странице https://uk-look.com/lyle-scott-camisa-gingham/ доступны следующие детали и особенности товара:
- Бренд: Lyle & Scott
- Модель: рубашка в клетку (gingham)
- Цвет: черно-белая
- Материал: хлопок
- Размеры: доступны различные размеры от XS до XXL
- Стиль: классический, подходит как для повседневного ношения, так и для создания стильного образа
- Детали: воротник, пуговицы на манжетах, логотип бренда на груди

Также на странице могут быть доступны дополнительные фотографии товара, информация о цене, возможность выбора размера и оформления заказа.
Попробуй в css добавить проверку на hover для элемента списка, мобилки часто ловят ховер перед кликом 

@media (hover: hover) {
  .swatch__list--item:hover .swatch__tooltip {
      top: -33px;
      opacity: 1;
      visibility: visible;
  }
}


Про медиазапрос hover можно почитать тут - https://developer.mozilla.org/en-US/docs/Web/CSS/@...
Похожие вопросы