BETA

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

投稿日:2019-08-28
最終更新:2019-08-28

気づいたのは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開発、お疲れ様です!

技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
駆け出しエンジニアからエキスパートまで全ての方々のアウトプットを歓迎しております!
or 外部アカウントで 登録 / ログイン する
クランチについてもっと詳しく

この記事が掲載されているブログ

@webmaster909の技術ブログ

よく一緒に読まれる記事

2件のコメント

ブログ開設 or ログイン してコメントを送ってみよう
08/28 14:57

こちらも今回のアップデートで修正する予定です。ご迷惑お掛けしますが、アップデートまでもうしばらくお待ちください . . . !

08/29 09:00

@codomisu ありがとうございます、開発お疲れ様です!

目次をみる
技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
or 外部アカウントではじめる
10秒で技術ブログが作れます!