<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Trying to understand whether I went a bit to far on an edge case with this combination of scroll-driven animation and container style queries]]></title><description><![CDATA[<p>Trying to understand whether I went a bit to far on an edge case with this combination of scroll-driven animation and container style queries.<br />Works perfectly in Chrome* but not in Firefox with the proper flags enabled. <br />Maybe it's just that Firefox implementations are not yet complete.</p><p><span><a href="/user/firefoxnightly%40mastodon.social">@<span>firefoxnightly</span></a></span> <span><a href="/user/firefoxwebdevs%40mastodon.social">@<span>firefoxwebdevs</span></a></span> </p><p><div class="card col-md-9 col-lg-6 position-relative link-preview p-0">

<div class="card-body">
<h5 class="card-title">
<a href="https://codepen.io/editor/pascalduez/pen/019df6ce-2312-78f1-bf07-a35062ea696d">
Just a moment...
</a>
</h5>
<p class="card-text line-clamp-3"></p>
</div>
<a href="https://codepen.io/editor/pascalduez/pen/019df6ce-2312-78f1-bf07-a35062ea696d" class="card-footer text-body-secondary small d-flex gap-2 align-items-center lh-2">



<img src="https://codepen.io/favicon.ico" alt="favicon" class="not-responsive overflow-hiddden" style="max-width: 21px; max-height: 21px;" />



<p class="d-inline-block text-truncate mb-0"> <span class="text-secondary">(codepen.io)</span></p>
</a>
</div></p><p><a href="https://mamot.fr/tags/css" rel="tag">#<span>css</span></a></p>]]></description><link>https://board.circlewithadot.net/topic/fd2116f6-cbd5-476a-8e84-9f0719df24a3/trying-to-understand-whether-i-went-a-bit-to-far-on-an-edge-case-with-this-combination-of-scroll-driven-animation-and-container-style-queries</link><generator>RSS for Node</generator><lastBuildDate>Thu, 14 May 2026 20:00:23 GMT</lastBuildDate><atom:link href="https://board.circlewithadot.net/topic/fd2116f6-cbd5-476a-8e84-9f0719df24a3.rss" rel="self" type="application/rss+xml"/><pubDate>Tue, 05 May 2026 07:34:29 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Trying to understand whether I went a bit to far on an edge case with this combination of scroll-driven animation and container style queries on Mon, 11 May 2026 09:30:55 GMT]]></title><description><![CDATA[<p><span><a href="https://mamot.fr/@pascalduez">@<span>pascalduez</span></a></span> <span><a href="/user/firefoxwebdevs%40mastodon.social">@<span>firefoxwebdevs</span></a></span> If the implementation were complete, you wouldn't have to enable flags <img src="https://board.circlewithadot.net/assets/plugins/nodebb-plugin-emoji/emoji/android/1f600.png?v=28325c671da" class="not-responsive emoji emoji-android emoji--grinning" style="height:23px;width:auto;vertical-align:middle" title="😀" alt="😀" />️ Mind filing a bug ? Thanks <a href="https://wiki.mozilla.org/Nightly#Filing_Bugs" rel="nofollow noopener"><span>https://</span><span>wiki.mozilla.org/Nightly#Filin</span><span>g_Bugs</span></a></p>]]></description><link>https://board.circlewithadot.net/post/https://mastodon.social/users/firefoxnightly/statuses/116555242244130602</link><guid isPermaLink="true">https://board.circlewithadot.net/post/https://mastodon.social/users/firefoxnightly/statuses/116555242244130602</guid><dc:creator><![CDATA[firefoxnightly@mastodon.social]]></dc:creator><pubDate>Mon, 11 May 2026 09:30:55 GMT</pubDate></item></channel></rss>