Фактическое поведение:Доступное для использования сафари мобильное устройство при настройке фокуса перетаскивания страницы
В чем проблема? * При нажатии на контент, доступный, страница перескакивает вниз. Каково ожидаемое поведение? Он должен вести себя как поля ввода, где страница прокручивается к этому элементу. CodePen (или шаги, чтобы воспроизвести проблему): *
CodePen Demo, которая показывает ваш вопрос: http://codepen.io/pennybirman/pen/KaErKb
<body layout="column" ng-app="myApp" ng-cloak>
<md-content>
<div contenteditable="true" class="editables">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, magni omnis ad nihil voluptate harum fuga aut voluptatum incidunt ut libero ex, itaque eligendi repellendus, impedit. Possimus blanditiis ex nam.</div>
<div contenteditable="true" class="editables">Illum libero, praesentium quibusdam vitae, nam voluptatum earum doloribus deleniti magnam consequatur cum dolorem, eos? Blanditiis harum molestias recusandae officiis esse! Quia doloribus accusantium, recusandae illum debitis sunt laborum assumenda!</div>
<div contenteditable="true" class="editables">Illum libero, praesentium quibusdam vitae, nam voluptatum earum doloribus deleniti magnam consequatur cum dolorem, eos? Blanditiis harum molestias recusandae officiis esse! Quia doloribus accusantium, recusandae illum debitis sunt laborum assumenda!</div>
<div contenteditable="true" class="editables">Illum libero, praesentium quibusdam vitae, nam voluptatum earum doloribus deleniti magnam consequatur cum dolorem, eos? Blanditiis harum molestias recusandae officiis esse! Quia doloribus accusantium, recusandae illum debitis sunt laborum assumenda!</div>
<div contenteditable="true" class="editables">Illum libero, praesentium quibusdam vitae, nam voluptatum earum doloribus deleniti magnam consequatur cum dolorem, eos? Blanditiis harum molestias recusandae officiis esse! Quia doloribus accusantium, recusandae illum debitis sunt laborum assumenda!</div>
<div contenteditable="true" class="editables">Illum libero, praesentium quibusdam vitae, nam voluptatum earum doloribus deleniti magnam consequatur cum dolorem, eos? Blanditiis harum molestias recusandae officiis esse! Quia doloribus accusantium, recusandae illum debitis sunt laborum assumenda!</div>
<div contenteditable="true" class="editables">Illum libero, praesentium quibusdam vitae, nam voluptatum earum doloribus deleniti magnam consequatur cum dolorem, eos? Blanditiis harum molestias recusandae officiis esse! Quia doloribus accusantium, recusandae illum debitis sunt laborum assumenda!</div>
</md-content>
</body>
Детали: для тестирования на мобильном устройстве IOS. (Проверено в браузереStack и xCode с ios10). Угловые версии: *
Угловая Версия: 1.5.7 Угловая Материал Версия: 1.1.0 Дополнительная информация:
Тип браузера: * Safari мобильный.
Версия браузера: * 10,0
OS: * IOS 10.
Stack Traces: Нет ошибок, просто UI поведение.
Видео :: https://youtu.be/6U6BtxQggJ8
У кого-нибудь была аналогичная проблема? Любое быстрое решение? – PennyBirman