問題タブ [htmlextensions]

URLから.htmlを削除する方法はありますか? 私はまだサイトをホストしていません。既存の URL は「file: ///E:/​​SampleWorks/Download.html 」ですが、「 file:///E:/​​SampleWorks/Download 」に変更したいと考えています。これどうやってするの？

やあ、みんな、

<option> 要素のネイティブ要素拡張をポリマーで作成しようとしています。アイデアは、オプションのより複雑な説明テキストを作成し、使いやすさのためにスタイルを設定できるようにすることです。

ユーザビリティの問題:

大したことではありませんが、ユーザビリティに取り組んでいたプロジェクト（サービス側のレンダリング）です。特にビジュアルの更新。そのため、いくつかのアイテムの選択肢を見つけました。オプションは、情報が整列されておらず、読みにくいことを示しています。

実際のプロジェクトでは、そのようなオプションが 10 を超える場合があり、中間の 10 進数はさまざまです。

私の考え:

< iron-component-page > の助けを借りて、スタンドアロンの Web コンポーネントを構築することを目的とした Polymer-cli から準備されたプロジェクト設定を使用して実験的コンポーネントを開発しています (したがって、結果は < iframe > 内にレンダリングされます)。

スタイル設定可能なマークアップでネイティブの < option > 要素を拡張する Web コンポーネント。開発者向けのスタイリングは、カスタム CSS プロパティを「スタイリング API」としてオーバーライドすることで実現できます。

<デモスニペット>内

結果は、中間の値 b が常に最小幅を持ち、長い値を揃えるようになるはずです。

この問題を解決しようとする私のショットは、ポリフィル (webcomponents-lite.js または完全なポリフィル) の方法と、iframe の window.Polymer オブジェクトの構成方法、および最初のページ (自動的にレンダリングされたドキュメント ページ) を丸で囲みました。

これまでの結果

dom: 'shady' 構成と同様

• Firefox の結果

• クロムの結果

これまでのところ、これらの拡張ボタンでネイティブの < select > を機能させることに成功しています。そのため、ライフサイクルは機能しており、オプション タグが拡張されています。

ただし、Firefox では意図したとおりに機能しますが、chrome では機能しません (オプションは引き続き機能しますが、スタイリングは適用されません)。

dom: 'shadow' で window.polymer 構成オブジェクトを構成すると、

• クロムは次のように報告しました：

  Failed to execute 'createShadowRoot' on 'Element': Shadow root cannot be created on a host which already hosts an user-agent shadow tree. at HTMLOptionElement._createLocalRoot (http://localhost:9001/components/special-option/bower_components/polymer/polymer-mini.html:2001:6)

@Supersharp のおかげで、私は新しい洞察を得ました: Webcomponents V1 は複数のシャドウ ルートを作成することを許可していないため (オプションは既にそれ自体を持っています)、真のシャドウ DOM を使用することはまだ正しい方法ではありません。

• Firefoxでも同じ結果が得られました（明らかに、ポリフィルがとにかく怪しげなDOMを強制しているためです）

前の質問

間違っていることがありますか、それともポリフィルされている場合でも、すべてのブラウザのオプションタグでこれを達成できないのですか?

しかし、ポリマーのドキュメントが推奨しているように、今のところポリフィルされたプラットフォーム用に開発しようとしています (configure dom: 'shady')。

質問

これは（まだ）（怪しいDOMポリフィルを使用しても）不可能であるというのは正しいですか？< select > または < form > カスタム要素のセット全体を作成する必要がありますか?