お待たせいたしました！

こちらですが既存ウィジェットと比較したところ、1つのアイテム <li class="l-chat__list__item"></div> に

複数の非表示要素 <div class="l-slideIn">...</div> があるために表示されないようです。

1つのアイテム内には、非表示要素は1つにしていただくことで、表示されるようになるかと思います。

具体的には下記ご確認くださいませ。

[ 現在のHTML構成 ]

<li class="l-chat__list__item">

  <div class="l-chat__loading">...省略</div>

  <div class="l-slideIn">...省略</div>

  <div class="article">...省略</div>

  <div class="l-slideIn">
    <div class="l-chat__qa">...省略</div>
  </div>

  <div class="l-slideIn">
    <div class="l-chat__qa">...省略</div>
  </div>

</li>

[ 修正後のHTML構成 ]

1. 106行目の「<div class=”l-slideIn”>」と119行目の「 </div>」を削除

2. 120行目の「<div class=”l-slideIn”>」と139行目の「 </div>」を削除

<li class="l-chat__list__item">

  <div class="l-chat__loading">...省略</div>

  <div class="l-slideIn">...省略</div>

  <div class="article">...省略</div>

  <div class="l-chat__qa">...省略</div>

  <div class="l-chat__qa">...省略</div>

</li>

プレビュー：https://sb-draft-preview.squadbeyond.com/articles/GbLGdxQoCpNhXvtHV-A/draft?token=117bc647a0d8d87f5d2e2abb5ce1e742