アウレリアは絶対的な要素で構成されています

Question

別のビュー内で<compose>のレンダリングされたビューでは、ユーザーアクションに応答してブラウザウィンドウ全体を引き継ぐdivがあります。このCSS

position: absolute; 
top: 0; left: 0; 
bottom: 0; right: 0; 

は機能しませんでした。 Absolute position is not workingへの答えは、まさに反対の問題があることを示唆しています。おそらく私のdivは相対位置を指定するブロック要素の子です。 DOM

で

• 再親、それは別のビューが直接ページに親と前後に
プロキシに複雑なメッセージングを使用して持って

これまでのところ、私には明らかなオプションがされています...

私はこれらのどれも大したことは考えていません。私は主に結合剤で制御されたDOMを使って再育てることの意味は確かではなく、他の選択肢はばかげて複雑です。

誰でも良いアイデアがありますか？

Answer 1

は、この場合のために、いくつかの解決策があります

1. あなたは完全なページを移動したい要素にCSSの位置fixedを使用することができます。
2. フルページにある必要がある要素を、その要素が存在するビューのルート要素とは別のツリーに移動することができます。
3. @templateController()で飾られたカスタム属性を作成し、バインド時に、そのテンプレートの位置ではなく文書の本文にビューを挿入します。

モバイルサポートターゲットの位置を固定しても問題がない場合は、ソリューション1が最適です。