Qrunchのプレビュー画面は実際の公開記事と異なる表示をしている

気づいたのは2点

  • detailsタグの挙動
  • CodePenの引用

環境

  • Google Chrome バージョン: 76.0.3809.132(64ビット)

Firefoxでも確認しましたが同様の表示でした。ただし、最新版じゃないので参考なまでに。

detailsタグ

Markdownのソースはこう。

<details>  
<summary>HTMLソース</summary>  

    <template>  
        <div id="generator">  
            <div class="tile is-ancestor">  
                <div class="tile is-parent is-6">  
                    <div class="tile is-child box container">  
                        <div class="has-text-centered">  
    ...以下HTMLのソースが続く  

プレビュー画面だとこう。

HTMLソース部分が折りたたまれている。クリックすると展開する。

実際の記事はこう。

最初から展開済み。

CodePen

プレビュー画面だとこう。

しっかり表示できる。

実際の記事はこう。

「CodePenで見てね!」状態になってしまう。

備考

現時点で表示に差異があるのは謎です。

将来的に記事の表示もプレビュー画面に追いつくだろうけど、あえて差を作っておく理由はないような気がするなー。実装するってなったら両方に反映すればいいし、まだ実装しなくていいやってなったら両方とも実装しないわけだし・・・。

うーん、謎。自分だけならいいんですが。あとFirefoxは最新版じゃないのですが、やっぱり同じ表示でした。

ちなみにこの記事は「なんじゃこりゃー!(怒」とかのクレームでは全然なくて、「なんでこうなんだべ?」っていう素朴な疑問です。

Qrunch開発、お疲れ様です!