Мобильное сафари на iPhone 6+ с несколькими открытыми вкладками и начальной загрузкой сразу после открытия

Question

Я столкнулся с проблемой в загрузочном модале с iPhone Safari 6+ альбомной ориентации. Эта ошибка возникает только в альбомном режиме iPhone 6+ с несколькими вкладками, открытыми в браузере Safari.

Ниже приведен шаг для создания ошибки.
1) Перейдите на http://getbootstrap.com/javascript/ на своем iPhone 6+ в альбомном режиме - убедитесь, что вы открыли несколько вкладок
2) Прокрутите страницу вниз и нажмите кнопку "Маленький модал" в разделе "Дополнительные размеры".
3) Вы можете заметить, что модал открывается и закрывается сразу во вспышке, и серый фон остается таким, как есть. Вы не можете делать какие-либо клики сейчас.
4) Теперь попробуйте скрыть панель навигации и панель вкладок вручную, прокручивая страницу вверх. Это покажет мод загрузки как ожидалось. Но это не работает, когда он открывается с несколькими вкладками, открытыми в браузере.

После некоторой работы я думаю, что проблема в .modal-open

.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
 }

Я должен найти решение этой проблемы. Любое предложение, идеи?

Answer 1

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

Прежде всего это ошибка в начальной загрузке. Это ошибка начальной загрузки для iPhone 6+ с несколькими вкладками.

Ссылка https://github.com/twbs/bootstrap/issues/18859

Но для меня я все равно хочу решение, поэтому я внесла некоторые изменения в свою таблицу стилей, и это решение работает для меня. Надеюсь, что любой, кто сталкивается с той же проблемой, может получить помощь от этого.

 /*for iphone 6+ multitab issue  */
    .modal {
        position: absolute;
        top: 0;
    }

Эти несколько строк таблицы стилей решают мою проблему. Я не знаю, что жутко о CSS и таблице стилей, но я так решил.