Contenteditable safari mobile，设置焦点时页面布局跳跃

实际行为：Contenteditable safari mobile，设置焦点时页面布局跳跃

问题是什么？ *点击内容时，页面跳转。预期的行为是什么？它应该像输入字段一样行动，页面会滚动到该元素。 CodePen（或步骤来重现问题）：*

CodePen演示这说明您的问题：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移动设备进行测试。（在browserStack中进行验证，并使用ios10进行xCode）。角版本：*

角版本：1.5.7 角材质版本：1.1.0 附加信息：

浏览器类型：* Safari浏览器的移动。

浏览器版本：* 10.0

OS：* iOS的10

栈跟踪：没有错误，只是UI行为。

视频:: https://youtu.be/6U6BtxQggJ8

来源

2017-02-15 PennyBirman

有没有人有类似的问题？任何快速解决？ – PennyBirman

贾斯汀（从离子团队支持工程师）说，这是不推荐使用CONTENTEDITABLE的div。来源：https://github.com/ionic-team/ionic/issues/4162（查看最新评论）

来源

2017-10-02 22:57:39

你需要包含必要的链接部分，以帮助提问者明白你的意思 – Ibo

完成，谢谢:) –

Contenteditable safari mobile，设置焦点时页面布局跳跃

回答

相关问题