Ios Contenteditable safari mobile,设置焦点时,页面布局会跳转
实际行为: 问题是什么?*单击可编辑的内容时,页面会跳下。 预期的行为是什么?它应该像输入字段一样工作,页面在其中滚动到该元素。 代码笔(或重现问题的步骤):* 代码笔演示,显示您的问题:Ios Contenteditable safari mobile,设置焦点时,页面布局会跳转,ios,angularjs,angular-material,Ios,Angularjs,Angular Material,实际行为: 问题是什么?*单击可编辑的内容时,页面会跳下。 预期的行为是什么?它应该像输入字段一样工作,页面在其中滚动到该元素。 代码笔(或重现问题的步骤):* 代码笔演示,显示您的问题: Lorem ipsum dolor sit amet,奉献精英。Debitis,magni omnis and nihil voluptate harum fuga aut voluptatum incident ut libero ex,itaque eligendi defectidus,impedit
Lorem ipsum dolor sit amet,奉献精英。Debitis,magni omnis and nihil voluptate harum fuga aut voluptatum incident ut libero ex,itaque eligendi defectidus,impedit。不动产布兰迪财产。
Illum libero,praesentium quibusdam vitae,nam voluptatum earum doloribus deleniti magnam Consequarture&dolorem,eos?厚朴!这是一种催眠药,是一种需要分娩的催眠药!
Illum libero,praesentium quibusdam vitae,nam voluptatum earum doloribus deleniti magnam Consequarture&dolorem,eos?厚朴!这是一种催眠药,是一种需要分娩的催眠药!
Illum libero,praesentium quibusdam vitae,nam voluptatum earum doloribus deleniti magnam Consequarture&dolorem,eos?厚朴!这是一种催眠药,是一种需要分娩的催眠药!
Illum libero,praesentium quibusdam vitae,nam voluptatum earum doloribus deleniti magnam Consequarture&dolorem,eos?厚朴!这是一种催眠药,是一种需要分娩的催眠药!
Illum libero,praesentium quibusdam vitae,nam voluptatum earum doloribus deleniti magnam Consequarture&dolorem,eos?厚朴!这是一种催眠药,是一种需要分娩的催眠药!
Illum libero,praesentium quibusdam vitae,nam voluptatum earum doloribus deleniti magnam Consequarture&dolorem,eos?厚朴!这是一种催眠药,是一种需要分娩的催眠药!
详细信息:必须在iOS移动设备上进行测试。(在browserStack中进行了验证,并使用ios10对xCode进行了验证)。
角度版本:*
角度版本:1.5.7
角度材质版本:1.1.0
其他信息:
浏览器类型:*Safari mobile
浏览器版本:*10.0
操作系统:*iOS 10
堆栈跟踪:没有错误,只有UI行为
视频:贾斯汀(爱奥尼亚团队的支持工程师)说不建议使用可编辑的div。
来源:(查看最新评论)有人有类似问题吗?有什么快速解决方法吗?你需要包括链接的必要部分,以帮助提问者理解你的意思
<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>