問題タブ [web-component]

新しい html5 テンプレート タグを使用して、JavaScript をあまり使用せずに複数のユース ケースに配置できる半汎用フォームを作成しようとしています。

ここに私が持っているものを示すフィドルがありますhttp://jsfiddle.net/684uH/

<content>私の目標は、プレースホルダーテキストの「名前」を、通常タグにあるものに置き換えることです

私の主張を理解するための架空の例は次のとおりです。

同様のことを行う方法はありますか、それとも javascript を使用して手動で設定する唯一の方法ですか?

Polymerを使用して、 markItUpを再利用するコンポーネントを作成しようとしています。これにより、必要なときにいつでもリッチ テキスト エディターを使用できるようになります。

ただし、できる限り試してみると、正しく初期化できません。jQuery セレクターは、その魔法を実行するための textarea 要素を見つけることができません。イベント リスナーの追加、特定のイベントへの応答など、さまざまな呪文を試しましたが、おそらく Javascript の経験が不足しているため、すべてを連携させることはできません。これが私がこれまでに持っているものです（このファイルは「rich-textarea」と呼ばれる要素の下のフォルダーにあることに注意してください）：

どんな援助でも大歓迎です。この質問は、3 つのテクノロジーを組み合わせているため、Polymer 全般に関する良いリトマス試験紙だと思います。これが「うまくいく」場合、ほとんどのことはおそらく今後もうまくいくでしょう。御時間ありがとうございます。

親要素にリスナーを自動的に追加するコンテキストメニュー要素を作成したいと思いますcontextmenu（親が右クリックされたときに展開できるようにします）。this.parentNode要素が通常の DOM 階層にあるときに調べることで、なんとかそれを行うことができました。しかし、Shadow DOM の内部では、がthis.parentNodeポイントされ#document-fragment、そのバリアを突き破る方法はないようです。私がここに欠けているものはありますか？

次のhtmlがあるとしましょう：

ここで、これが DocumentFragment に解析されたとしましょう。次に、フラグメントを Document に挿入します。これらのカスタム要素の attachCallbacks はどのような順序で起動しますか? 彼らは一貫して最初に深さを発射しますか (3、2、1)? それとも、上から下 (1、2、3) に発砲しますか? それとも全く未定ですか？後でツリー全体を削除すると、detachedCallbacks はどの順序で起動しますか?

最後に、この動作はポリフィルと W3C 仕様の意図した動作との間で一貫していますか? 私は一連の仕様を読みましたが、この順序付けがどのように行われるかについての明確な説明は見つかりませんでした。

出てきた質問に対する答えがどこにも見つかりませんでした: Web コンポーネントがコードを独自のスレッドで実行する新しいコード実行コンテキストを作成できる場合、またはそれらのコンポーネントはホスト実行コンテキストを共有しますか?

Web コンポーネントでメイン スレッドをブロックしているコードを実行すると、ホスト スレッドもブロックされますか?

Polymer を使用してカスタム要素 (Web コンポーネント) を作成していますが、それらを DOM から削除するときに問題が発生しました。次のような要素があるとします。

次に<demo-element></demo-element>、DOM から を削除すると、(Chrome Devtools によると) H1 要素への参照を持つ分離された DOM ツリーになります。それpolymerWrapperを参照しているのはのようです。

Polymer API リファレンスのドキュメントによると、フレームワークはアンバインドを自動的に処理する必要があります。これは機能していませんか、それとも誤解していますか?

これは将来ブラウザによって処理されるものですか、それともメモリをきれいに保つために Polymer のようなフレームワークに依存する必要があるのでしょうか? （だから私が求めているのは、これに関連する提案や基準があるかどうかです）

ポリマー要素にドラッグ アンド ドロップを実装しています。この要素は、ひし形の形をした単純な div のみで構成されています。要素をドラッグすると、ドラッグ イメージが八角形に変わります。

JSbin へのリンクは次のとおりです: http://jsbin.com/yohohoba/4/edit

これは、ウェブ コンポーネントやポリマーとは関係がないかもしれません。単純な CSS の問題かもしれません。これを引き起こしている可能性のある考えはありますか？

ありがとう ：）