jekyll-twitter-plugin icon indicating copy to clipboard operation
jekyll-twitter-plugin copied to clipboard

Embedding 2+ tweets on same page causes them to be nested

Open mmautner opened this issue 4 years ago • 1 comments

Reproducible with a sample page:

---
title: Example
---

{% twitter https://twitter.com/DegenRolf/status/1286929770488487936 %}

aaa

{% twitter https://twitter.com/DegenRolf/status/806044913854976000 %}

And outputted HTML:

<div class="jekyll-twitter-plugin">
  <blockquote class="twitter-tweet">
    <p lang="en" dir="ltr">Just saying “have a nice day” to a stranger helped people have a nicer day themselves. <a href="https://t.co/qt01mlakJB">https://t.co/qt01mlakJB</a> <a hr
    <p>— Rolf Degen (@DegenRolf) <a href="https://twitter.com/DegenRolf/status/1286929770488487936?ref_src=twsrc%5Etfw">July 25, 2020</a>&lt;/blockquote&gt;
<script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
&lt;/div&gt;</p>
                                                                                                                                                                                     
    <p>aaa</p>

    <div class="jekyll-twitter-plugin">
      <blockquote class="twitter-tweet">
        <p lang="en" dir="ltr">Gift-givers are often too much focussed on the moment of the gift handover to achieve the optimal impact. <a href="https://t.co/a3OTE1Nm9c">https://t.
        <p>— Rolf Degen (@DegenRolf) <a href="https://twitter.com/DegenRolf/status/806044913854976000?ref_src=twsrc%5Etfw">December 6, 2016</a>&lt;/blockquote&gt;
<script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
&lt;/div&gt;</p>
      </blockquote>
    </div>
  </blockquote>
</div>

mmautner avatar Dec 26 '20 07:12 mmautner

Huh, thats weird... I'll try this out 👍

rob-murray avatar Dec 31 '20 10:12 rob-murray