rob-murray / jekyll-twitter-plugin

A Liquid tag plugin for the Jekyll blogging engine that embeds Tweets, Timelines and more from Twitter API
MIT License
238 stars 30 forks source link

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

Open mmautner opened 3 years ago

mmautner commented 3 years ago

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>
rob-murray commented 3 years ago

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