問題タブ [custom-element]

マテリアル デザインのような fab アイコンのカスタム要素を作成していて、画像 (アイコン画像) を追加したいのですが、できませんでした。

私は3つのアプローチを試みました：

1. shado.host への .src の追加
2. .src を ImageElement に追加する
3. ButtonElement への .src の追加

2種類の画像も使ってみた

1. PNG
2. SVG

私のコードは以下です：

}

でも？

ねえ、私は Webcomponents から始めて、Va​​nillaJs を使用して別の Web サイトからカレンダーをインポートする小さな HTML インポートの例を作成しました。これは完璧に動作します。

2.ステップとして、要素を何度も使用できるように、HTMLをPolymer要素にインポートしたいと考えました。これが私のコードです：

他の HTML ドキュメントでは、カスタム要素を使用しており、インポートが機能していることがわかります (testsite.com からのリソースが読み込まれます) が、Polymer 要素には shadowDOM がありません - インポートされ選択された要素は my <event-calendar-element>:/に追加されません。

コンテナー<div>が null であるため、次のエラーが発生します。Cannot read property 'appendChild' of null

助けていただければ幸いです;）

カスタム ポリマー要素を にしようとしていますcontenteditable。私はポリマーの初心者なので、おそらくばかげたことをしています。要素を作成でき、レンダリングしてイベントに反応しますが、クリックしても編集可能モードになりません。何か案は？

codepen.io での例

カスタム要素の仕様を見た後、最初にインスタンス化せずにカスタム要素定義への参照を取得する方法がすぐにはわかりません (これは問題になる可能性があります)。カスタム要素のプロトタイプを直接参照する方法はありますか?

より具体的には、次の場合：

後で、プロトタイプを次のように参照したいと思います。

しかし、代わりに私が思いついた唯一の方法は次のとおりです。

これは、重いコンポーネントに対してテストを作成しようとする場合に特に問題になりますXFoo.createdCallback = // stub;。元のメソッドが実際に呼び出される前に、重い動作をスタブ化する方法がないためです。

現在、カスタム要素のパフォーマンスをテストしているため、以前に登録した要素を登録解除する必要があることに気づきました。それについては何も見つかりませんでした。

おそらく必要になると思いますが、この問題を詳細に調査する前に、仮定を行いません。

ページを更新することでできることはわかっていますが、それはここでは重要ではありません。

要素をネイティブの仕様のような方法で登録するためにこれまでに行ったこと:

私はxタグを利用しています。これが私が取り組んでいるコードです。これらの div ボックスの内容を、カスタム要素の属性値の値で設定する必要があります。これを行うことは可能ですか？設定してみましたが、「undefined is not a function」というエラーが出ました。

(ほとんど) すべてのコンポーネントでコア スタイルを使い始めました。
0.4 ではかなり役に立ちましたが、なぜ 0.5 でそれを使用する必要があるのか​​ 本当にわかりません。いつ使用する必要があるかについて具体的なことはありますか?

特に何かありますか？

ps .: 事は: データバインディングには、.5 でこれまで遭遇したことのない問題がたくさんありました。誰でも私を助けることができますか？私はそれが少し広い質問であることを知っていますが、実際にどこでそれを使用すべきかを知っているので、コードからそれを取り出して再び戻すという問題を経験したくありません.

私は HTML5 カスタム要素を使用して、「豊富な脚注」と呼ばれるもの (基本的に小さなマウスオーバー ボックス) を作成しています。マークアップは次のようになります

次のようなものをレンダリングする必要があります

ソクラテスは人間だから、ソクラテスは死ぬ。

manという単語にカーソルを合わせるとボックスが表示されるようにします。<x-info>インライン要素のみが含まれている場合、これは正常に機能します。ただし、上記の例では、HTML パーサーは<p>s と<ul>s が別の 内にネストされていることに腹を立て<p>、マークアップを台無しにして、より似たようにレンダリングします。

ソクラテスは男

男とは？以下は男性の例です。

• ビル・クリントン
• アリストテレス

、したがって、ソクラテスは死ぬ

これを回避する方法はありますか？マークアップ構造を変更することは避けたいと思いますが、これは私の制御の範囲外です (そうしないと、バックエンドで前処理する必要があります)。