seazon / FeedMe

The documents and forum of FeedMe
1.24k stars 28 forks source link

picture element cuts off rendering #478

Closed hdhoang closed 1 year ago

hdhoang commented 2 years ago

Service: inoreader

Feeds:

(please feel free to trim down this description, i'm not good with GFM & images)

sample from Xe:

                <guid>https://xeiaso.net/blog/twitter-fears</guid>
               <title>You don&#39;t want Twitter to be a free speech zone</title>
               <link>https://xeiaso.net/blog/twitter-fears</link>
               <description><![CDATA[<p><meta class="hero" property="og:image" content="https://cdn.xeiaso.net/file/christine-static/hero/fire-in-the-starbucks-smol.png" figure style="margin:0"><picture style="margin:0"><source type="image/avif" srcset="https://cdn.xeiaso.net/file/christine-static/hero/fire-in-the-starbucks.avif"><source type="image/webp" srcset="https://cdn.xeiaso.net/file/christine-static/hero/fire-in-the-starbucks.webp"><img style="padding:0" loading="lazy" alt="hero image fire-in-the-starbucks" src="https://cdn.xeiaso.net/file/christine-static/hero/fire-in-the-starbucks-smol.png"></picture><figcaption>Image generated by Waifu Diffusion v1.3 -- starbucks, coffee shop, lo-fi hip hop, cozy, on fire, fire, burning, fire everywhere, absurd res</figcaption></meta></p>
<p>Every so often I 

rendered with just player icon, no text left: image

When I do Share content action from menu, the message is 4 images file, and the big one is PNG of the fire scene. The other 3 identical files are coffee.png next to conversation blocks in article.


sample from Sentry: image

```xml </svg> </a>Recap</h2> <p>In this tutorial, you learned the different types of caching available in Django and how to use the different cache backends in your Django application. You have also learned how to perform per site, template, and view caching to speed up the performance of your Django site.</p><![CDATA[Top 3 Issue Alert Tips to Stop Noisy Notifications]]>https://blog.sentry.io/2022/10/20/top-3-issue-alert-tips-to-stop-noisy-notifications/https://blog.sentry.io/2022/10/20/top-3-issue-alert-tips-to-stop-noisy-notifications/Thu, 20 Oct 2022 00:00:00 GMT<p>Sentry Alerts should ping you on Slack, Microsoft Teams, or Pager Duty when something goes wrong and needs your attention. However, too many alerts can turn your notification channel into an endless noise feed. Remember the Boy Who Cried Wolf? If Sentry tells you every 15 minutes that something requires your attention, the first few times you may take notice, but after the 10th alert of the day…probably not.</p> <p>Alerts should be actionable, not cause you to roll your eyes and clear out the notification without reading it. This blog shares three simple Alert Rule configuration tips that should help reduce noise and improve signal quality. Since the most common Sentry Alert type is for error monitoring, this blog will focus on <a href="https://docs.sentry.io/product/alerts/alert-types/#issue-alerts">Issue Alerts</a>.</p> <p>Oh, and one last thing. Nobody knows what matters to your business better than you, so you’ll likely have to customize specific thresholds based on business logic and app traffic.</p> <h3 id="tip-1-prioritize-new-issues" style="position:relative;"><a href="#tip-1-prioritize-new-issues" aria-label="tip 1 prioritize new issues permalink" class="anchor before"><svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">  <path d="M10.8786797,6.05025253 L15,1.92893219 C16.7967298,0.132202428 19.6206785,-0.0112433245 21.5814287,1.49859493 C21.7515515,1.62959474 21.9151761,1.77304049 22.0710678,1.92893219 C24.0236893,3.88155365 24.0236893,7.04737854 22.0710678,9 L17.9497475,13.1213203 C17.5592232,13.5118446 16.9260582,13.5118446 16.5355339,13.1213203 C16.1450096,12.7307961 16.1450096,12.0976311 16.5355339,11.7071068 L20.6568542,7.58578644 C21.8284271,6.41421356 21.8284271,4.51471863 20.6568542,3.34314575 C19.4852814,2.17157288 17.5857864,2.17157288 16.4142136,3.34314575 L12.2928932,7.46446609 C11.9023689,7.85499039 11.2692039,7.85499039 10.8786797,7.46446609 C10.4881554,7.0739418 10.4881554,6.44077682 10.8786797,6.05025253 Z M13.1213203,17.9497475 L9,22.0710678 C7.04737854,24.0236893 3.88155365,24.0236893 1.92893219,22.0710678 C-0.0236892706,20.1184464 -0.0236892706,16.9526215 1.92893219,15 L6.05025253,10.8786797 C6.44077682,10.4881554 7.0739418,10.4881554 7.46446609,10.8786797 C7.85499039,11.2692039 7.85499039,11.9023689 7.46446609,12.2928932 L3.34314575,16.4142136 C2.17157288,17.5857864 2.17157288,19.4852814 3.34314575,20.6568542 C4.51471863,21.8284271 6.41421356,21.8284271 7.58578644,20.6568542 L11.7071068,16.5355339 C12.0976311,16.1450096 12.7307961,16.1450096 13.1213203,16.5355339 C13.5118446,16.9260582 13.5118446,17.5592232 13.1213203,17.9497475 Z M4.75735931,17.8284271 L17.8284271,4.75735931 C18.2189514,4.36683502 18.8521164,4.36683502 19.2426407,4.75735931 C19.633165,5.1478836 19.633165,5.78104858 19.2426407,6.17157288 L6.17157288,19.2426407 C5.78104858,19.633165 5.1478836,19.633165 4.75735931,19.2426407 C4.36683502,18.8521164 4.36683502,18.2189514 4.75735931,17.8284271 Z" fill="currentColor">  </path> </svg> </a>Tip 1: Prioritize New Issues</h3> <p>Chances are you want to know when new issues happen, not events associated with an issue that’s months old. The big question is what defines <em>new</em>? And when should you start to care?</p> <p>When you set up a new Issue Alert, you can define <em>new</em> based on the first time an issue occurred and receive a notification once a set number of events and/or users are affected. <a class="gatsby-resp-image-link" href="https://images.ctfassets.net/em6l9zw4tzag/3YddFRtSmHdnksAMoflVxN/40115db1601f7bbbde16e8f41859656c/new_issue_alert.png" style="display: block" target="_blank" rel="noopener" > <span class="gatsby-resp-image-wrapper" style="position: relative; display: block; ; max-width: 800px; margin-left: auto; margin-right: auto;" > <span class="gatsby-resp-image-background-image" style="padding-bottom: 34.5625%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAOCAMAAABq1a50AAAAq1BMVEX247fu7e/q6erx8fL////9/f708vr08/v+/v7+/f78/Pzb2PDY1O3w7/Ht7O7w7vHv7vDy8fP5+Pr08/Xt6+739vj8+/z8/P38+/318/bu7O/u7fDv7vH19Pb29fb49/n29ff6+vv6+fv9/f3t6+/v7fHt7O/08vX7+vz39fj39vf7+vv7+/zNyezNyOvx8PH7+/v29fj6+fr5+Pv9/P308/bPy+zPy+rx8PK1ssDkAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAB3RJTUUH5goUEQof8wGmbgAAAK1JREFUGBmNwWsbgTAUAOAzHE5YUdp0oTQUm/v1//8yfN/TvC8A63R7fwDsD+jHQ2qDMByNOfeDyTSMGJvFQtrMBQImaZZnAVssizJfibCyYgowStP1bBNs67LZ8f28smIKUGhtxJdpGqO/hIXRClAsyhrJQSLIw7EoTrx7pnaASXphxoRBZKpJbK63ysa/A+rHI767NArQE1KSE4J8vjh/r8gFSCchOUkFiv6iPnYSKYllN3ZvAAAAAElFTkSuQmCC'); background-size: cover; display: block;" > <picture> <source srcset="https://images.ctfassets.net/em6l9zw4tzag/3YddFRtSmHdnksAMoflVxN/40115db1601f7bbbde16e8f41859656c/new_issue_alert.png?w=400&fm=webp 400w, https://images.ctfassets.net/em6l9zw4tzag/3YddFRtSmHdnksAMoflVxN/40115db1601f7bbbde16e8f41859656c/new_issue_alert.png?w=800&fm=webp 800w, https://images.ctfassets.net/em6l9zw4tzag/3YddFRtSmHdnksAMoflVxN/40115db1601f7bbbde16e8f41859656c/new_issue_alert.png?w=1600&fm=webp 1600w" sizes="(max-width: 800px) 100vw, 800px" type="image/webp" /> <source srcset="https://images.ctfassets.net/em6l9zw4tzag/3YddFRtSmHdnksAMoflVxN/40115db1601f7bbbde16e8f41859656c/new_issue_alert.png?w=400 400w, https://images.ctfassets.net/em6l9zw4tzag/3YddFRtSmHdnksAMoflVxN/40115db1601f7bbbde16e8f41859656c/new_issue_alert.png?w=800 800w, https://images.ctfassets.net/em6l9zw4tzag/3YddFRtSmHdnksAMoflVxN/40115db1601f7bbbde16e8f41859656c/new_issue_alert.png?w=1600 1600w" sizes="(max-width: 800px) 100vw, 800px" /> <img class="gatsby-resp-image-image" style="width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;" alt="new issue alert" title="" src="https://images.ctfassets.net/em6l9zw4tzag/3YddFRtSmHdnksAMoflVxN/40115db1601f7bbbde16e8f41859656c/new_issue_alert.png" loading="lazy" /> </picture> </span> </span> </a></p> <h3 id="tip-2-annoy-notify-the-right-person" style="position:relative;"><a href="#tip-2-annoy-notify-the-right-person" aria-label="tip 2 annoy notify the right person permalink" class="anchor before"><svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">  <path d="M10.8786797,6.05025253 L15,1.92893219 C16.7967298,0.132202428 19.6206785,-0.0112433245 21.5814287,1.49859493 C21.7515515,1.62959474 21.9151761,1.77304049 22.0710678,1.92893219 C24.0236893,3.88155365 24.0236893,7.04737854 22.0710678,9 L17.9497475,13.1213203 C17.5592232,13.5118446 16.9260582,13.5118446 16.5355339,13.1213203 C16.1450096,12.7307961 16.1450096,12.0976311 16.5355339,11.7071068 L20.6568542,7.58578644 C21.8284271,6.41421356 21.8284271,4.51471863 20.6568542,3.34314575 C19.4852814,2.17157288 17.5857864,2.17157288 16.4142136,3.34314575 L12.2928932,7.46446609 C11.9023689,7.85499039 11.2692039,7.85499039 10.8786797,7.46446609 C10.4881554,7.0739418 10.4881554,6.44077682 10.8786797,6.05025253 Z M13.1213203,17.9497475 L9,22.0710678 C7.04737854,24.0236893 3.88155365,24.0236893 1.92893219,22.0710678 C-0.0236892706,20.1184464 -0.0236892706,16.9526215 1.92893219,15 L6.05025253,10.8786797 C6.44077682,10.4881554 7.0739418,10.4881554 7.46446609,10.8786797 C7.85499039,11.2692039 7.85499039,11.9023689 7.46446609,12.2928932 L3.34314575,16.4142136 C2.17157288,17.5857864 2.17157288,19.4852814 3.34314575,20.6568542 C4.51471863,21.8284271 6.41421356,21.8284271 7.58578644,20.6568542 L11.7071068,16.5355339 C12.0976311,16.1450096 12.7307961,16.1450096 13.1213203,16.5355339 C13.5118446,16.9260582 13.5118446,17.5592232 13.1213203,17.9497475 Z M4.75735931,17.8284271 L17.8284271,4.75735931 C18.2189514,4.36683502 18.8521164,4.36683502 19.2426407,4.75735931 C19.633165,5.1478836 19.633165,5.78104858 19.2426407,6.17157288 L6.17157288,19.2426407 C5.78104858,19.633165 5.1478836,19.633165 4.75735931,19.2426407 C4.36683502,18.8521164 4.36683502,18.2189514 4.75735931,17.8284271 Z" fill="currentColor">  </path> </svg> ```

A bit related, but substack feeds with images show "music" icon, but continue with text fine. Please help to show images for them too. (i'll come up with samples)

I have tried enabling/disabling podcast feature in feedme, no change.

thanks for the lovely app, it fits my habit very well!

hdhoang commented 1 year ago

also happens in 4 canary 1 and 2

seazon commented 1 year ago

same to https://github.com/seazon/FeedMe/issues/364, please track there.