Как заставить события мыши работать на сафари мобайл?

Question

Я создал веб-сайт для подставки для снежного конуса, где вы можете навести курсор мыши на аромат, и появится всплывающее окно, показывающее забавные смеси ароматов, которые включают этот аромат.Все выглядит хорошо на Chrome, Samsung Интернет и Firefox.Когда речь заходит о мобильных устройствах, события наведения мыши становятся событиями щелчка и отлично работают при нажатии на аромат.Единственная проблема с сафари.Ароматы нельзя навести, щелкнуть или что-нибудь еще, чтобы сделать комбо появившимися.Как я могу заставить это работать в Safari?

Вот мой код JavaScript, который я пытался заставить его работать в Safari:

flavorArr.forEach(function(current) {
    var insertedText =  function() {
        comboContainer.innerHTML = "";
        comboContainer.insertAdjacentHTML('afterbegin', current.message);
    }

    if(window.width <= 900) {
        current.selector.addEventListener('touchstart', function() {
            insertedText();
        })

        current.selector.addEventListener('touchend', function() {
            comboContainer.innerHTML = '<h3 class="text-center">Flavors</h3><h4 class="pulse">(hover over a flavor)</h4>';
        })
    } else {

        current.selector.addEventListener('mouseenter', function() {
            insertedText();
        })

        current.selector.addEventListener('mouseleave', function() {
                comboContainer.innerHTML = '<h3 class="text-center">Flavors</h3><h4 class="pulse">(hover over a flavor)</h4>';
        })
    }


});