タッチ操作対応の UI のエディターは、オーバーレイを使用して iframe 内に含まれるコンテンツを操作します。この操作には、エディターの使用と開発者に対していくつかの制限事項があります。このページでは、これらの制限事項をまとめ、可能な限り解決策や回避策を提供します。
作成者がエディターを使用してページを作成する際、以下の機能の制限が発生する可能性があります。
ページの編集時に、リンクがアクティブになりません。
ページに structure
と名前が付けられない 。structure
と名前が付けられたページは、ページエディターで編集できません。
開発者は、エディターの CSS のインタラクションに関して以下の制限が発生する可能性があります。
絶対配置された要素により、そのオーバーレイの位置に問題が生じる可能性があります。
iframe の高さは AEM によって自動調整されるので、vh
単位はサポートされません。
固定の背景画像は、iframe 内に埋め込まれるので、スクロール時に固定されているように表示されない可能性があります。
ページの body 要素では、100 %の高さはサポートされていません。
body {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
余白の折りたたみの問題は、body 要素の最初の子要素に余白がある場合に発生することがあります。
body:before, body:after{
content: ' ';
display: table;
}