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，設置焦點時頁面佈局跳躍

回答

相關問題