Chromeでハイパーリンクを使用している場合、AFrameコンテンツがレンダリングされない

Aフレームコンテンツは、FireFoxおよびSafariでレンダリングされている間はChromeでレンダリングされません。Chromeでハイパーリンクを使用している場合、AFrameコンテンツがレンダリングされない

as CodePen here const {hyper、wire} = hyperHTML;

class Box extends hyper.Component { 

    render() { return this.html` 
    <a-scene> 
     <a-box color="red" position="0 2 -5" rotation="0 45 45" scale="2 2 2"></a-box> 
    </a-scene> 
    `; 
    } 
} 

document.body.appendChild(new Box().render());

私は何かが欠けてると確信している、同じコンテンツがすべてのブラウザ（CodePen）で静的なHTMLのように細かいレンダリングします。

<body> 
    <a-scene> 
    <a-box color="red" position="0 2 -5" rotation="0 45 45" scale="2 2 2"></a-box> 
    </a-scene> 
</body>

出典

2017-10-17 Jacob Bremmer

更新：私はそれがAFRAME uaingカスタム要素V0についてです場合でもでhyperHTMLを問題に力が固定してきました。 AFrameがV1に移行すると、強制的な修正を削除します。

あなたのコードペンと私のあまりにも、今すぐ動作します。よろしく

私は forked your penをした

と書かれたほとんど同じコード：

// if you comment this out nothing works 
document.body.innerHTML = document.body.innerHTML;

。これは：

const { hyper } = hyperHTML; 

class Box extends hyper.Component { 
    render() { return this.html` 
    <a-scene> 
      <a-box color="red" 
      position="0 2 -5" 
      rotation="0 45 45" 
      scale="2 2 2"></a-box> 
     </a-scene>`; 
    } 
} 

hyper(document.body)`${new Box}`;

が、私は最後に非常に醜い行を追加する必要がありましたAFrameは、テンプレートノードからクローンを作成したときにレジストリを起動しないように見えるCustom Elementsポリフィル（実際は鉱山）を使用します。

a polyfill known issueは再現できませんでした。これは私が探していたユースケースです。

残念ながら、現在のところ、AFrameコンポーネントがhyperHTMLに問題を抱えているようです。

私のご迷惑をおかけしますが、これを直ちに解決しようとします。

出典

2017-10-18 19:01:27

更新：クロムCustomElementsとAFRAMEは、そのインプリメンテーションを使用しているのネイティブV0実装とブラウザのみです。これは問題を解決するものではありませんが、少なくとも他のすべてのブラウザが問題なく動作する理由を説明します。 AFrameがコアを更新する必要があるかもしれないが、私はこのASAPに戻ってくるだろう。宜しくお願いします –

誤解を明確にするために、これはhyperHTMLバグではないことが確認されています。

次

const scene = `<a-scene> 
    <a-box color="red" position="0 2 -5" rotation="0 45 45" scale="2 2 2"></a-box> 
</a-scene>`; 

var template = document.createElement('template'); 
template.innerHTML = scene; 
document.body.appendChild(template.content);

を書くことAFRAMEの横にある余分なライブラリを含めずに、同様に失敗するでしょう。

調査が進行中ですが、一般的なコンテンツを作成するための最新のテンプレート要素に基づくライブラリは、フレーム0.7ではなくChromeでのみ失敗することに注意してください。 AFRAMEリポジトリ内

更新

出典

2017-10-20 18:40:25

Chromeでハイパーリンクを使用している場合、AFrameコンテンツがレンダリングされない

答えて

関連する問題