Проблема с формами в pop-up на мобильной версии safari. Что делать?

Question

[Poprotsky]

Приветствую всех,

При разработке проекта столкнулся с реализацией форм в pop-up.
На всех PC и Mac все работает без проблем. На мобильной версии chrome, firefox, opera и стандартных браузеров в андроид тоже никаких проблем.

Единственная проблема - мобильная версия safari на iPad и iPhone.
Проблема вот в чем:
когда активирую какой-либо инпут в форме, которая находится в pop-up то safari почему-то скролит всю страницу к самому верху (независимо от того где находишься на странице). И получается, что когда закрываешь pop-up то видишь не то место где его активировал, а видишь первую секцию сайта и обычный пользователь теряется от такого непредвиденного действия со стороны браузера.

Может кто сталкивался с подобной проблемой? Что в такой ситуации можно сделать?

Answer 1

[v-orlov]

у вас модальные окна случайно не fancybox-ом вызываются? у меня подобная проблема была, решилось немного другой инициализацией фенси в js

$('.fancybox').fancybox({
        helpers     : {
            overlay : {
                locked: false
            }
        }
    });

Comments

[Poprotsky]

Нет.
Модальные окна вызываю своим js методом:

$('[data-popup-open]').on('click', function()  {
        var targeted_popup_class = $(this).attr('data-popup-open');
        $('[data-popup="' + targeted_popup_class + '"]').show();
    });

Но проблема не в вызове модального окна, потому как в других проектах вызов модальных окон производился другими методами, а проблема оставалась. И к тому же, если бы проблема была в вызове окна то она бы повторялась и в других браузерах.

Проблема конкретно в браузере, в его реакции на действия. Может есть какой то хак конкретно под этот браузер?