問題タブ [custom-element]

以下のコードのような「memory-box」というカスタム要素を作成しました。
「memory-box-template」にある関数「logthis」に注目してください。

メモリーボックス.html

ここで、以下のコードのようにカスタム要素「memory-box」を使用します。

index.html

ご覧のとおり、index.html にスクリプトを入れて、関数 "logthis" を呼び出しました。そして、エラーは発生しませんでした。
なんで？
関数「logthis」は、各シャドウ ドームにあります。Shadow DOM の外では呼び出せないはずだと思います。

特定の名前のカスタム要素が登録されているかどうかを検出しようとしています。そのようなチェックを行う方法はありますか？

または、登録されたカスタム要素のリストを取得する方法はありますか?

ありますが、他に何document.registerElementがありますか？一方向の API ですか？

親と子の 2 つのポリマー コンポーネントがあります。もっと多くの子を作成する必要があることがわかっているので、すべての子が使用できるように CSS コードを親に移動したいと思います。私は自分のコードを移動すると述べましたが、そのコードで今まですべてがうまくいきました。

古いコード

新しいコード

アニメーションでは機能しないようです。または、それを機能させるために追加の作業を行う必要があります...何かアイデアはありますか? 他の解決策？乾杯 ！

アップデート

ここでビットバケットでいくつかのコードをホストしました

そのコミットで、スタイルで子を作成しました。ページをロードすると、アニメーションが表示されます

これで、子elを親に置き、スタイルコードを親に移動します。子供はスタイルがないように振る舞う

そしてラストはアニメ以外の全作風

リポジトリを複製し、「pub get」と「pub serve」を使用してアニメーションを表示します

というカスタム要素がありx-fooます。それを拡張してx-foo-extended要素を作成したいのですが、うまくいきません。次のエラーが表示されます。

Uncaught NotSupportedError: 「ドキュメント」で「registerElement」を実行できませんでした: タイプ の登録に失敗しました'x-foo-extended'。「extends」で指定するタグ名はカスタム要素名です。代わりに継承を使用してください。

ドラッグ アンド ドロップを使用して、リスト内の要素を並べ替えようとしています (純粋な JavaScript)。ドラッグ操作中に「ゴースト要素」のスタイルを設定したいと思います。それを標準で行う方法がないことを読んだので、ドラッグ操作中に元の要素があるべき場所に正確に配置された複製要素（必要に応じてスタイル設定）を作成し、その位置が ondrag イベント内で更新されます。

問題は、この重複要素が常にカーソルの真下にあるため、他の要素での dragover または dragenter イベントをキャプチャできないことです。DOM のどこに「重複」要素がリンクされていても、常に ondragover をブロックします。重複要素をカーソルの下にないように移動すると機能しますが、それはシームレスな重複要素の目的を無効にします。

この重複した要素を無視して、その下にある要素が代わりに ondragover イベントを取得する方法はありますか? 通常、イベントは、複製された要素がリンクされている場所の親に向かってバブルします。

body 要素内にカスタム ポリマー要素があります。

カスタム要素のようなスタイルを追加width : 100pxしても適用されません。

vertical layoutしかし、 body 要素に追加すると、ルールが適用されます。

なぜこれが起こったのか、回避策はありますか、それとも何か不足していますか?

ありがとうございました。

私は独自のカスタム要素を持っています。それを MyElement と呼びましょう。リクエスト シンク パッドと、場合によってはソース パッドがあります。ソース パッドが作成されると、MyElement はユーザーが傍受できる信号を送信します。この信号に登録されたコールバックで、ユーザーは新しいソース パッドを他のパッドにリンクできます。

問題は、ソース パッドを直接または ID 要素を介してファイルシンクにリンクしようとすると、MyElement が正常に動作することです。ただし、代わりにソース パッドをインターリーブ エレメントにリンクしようとすると、パイプラインが失敗します。

'dump' プロパティを true に設定して MyElement のソースを ID 要素に接続すると、同様のエラーが発生します。

インターリーブを使用したパイプラインが失敗する原因となる要素/パイプラインは何ですか?