tag:github.com,2008:https://github.com/adoxography/tailwind-scrollbar/releasesRelease notes from tailwind-scrollbar2025-02-23T23:07:05Ztag:github.com,2008:Repository/292120324/v4.0.12025-02-23T23:08:33Zv4.0.1<h2>What's Changed</h2>
<ul>
<li>Recognize preferredstrategy as preferredStrategy by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/adoxography/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/adoxography">@adoxography</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="2873538598" data-permission-text="Title is private" data-url="https://github.com/adoxography/tailwind-scrollbar/issues/110" data-hovercard-type="pull_request" data-hovercard-url="/adoxography/tailwind-scrollbar/pull/110/hovercard" href="https://github.com/adoxography/tailwind-scrollbar/pull/110">#110</a></li>
</ul>
<p><strong>Full Changelog</strong>: <a class="commit-link" href="https://github.com/adoxography/tailwind-scrollbar/compare/v4.0.0...v4.0.1"><tt>v4.0.0...v4.0.1</tt></a></p>adoxographytag:github.com,2008:Repository/292120324/v4.0.02025-02-01T02:44:35Zv4.0.0<h2>🚨 Breaking Changes</h2>
<p>See the <a href="https://adoxography.github.io/tailwind-scrollbar/migrating" rel="nofollow">documentation</a> on migrating from v3.</p>
<h2>What's Changed</h2>
<ul>
<li>Support Tailwind 4 by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/adoxography/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/adoxography">@adoxography</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="2824743439" data-permission-text="Title is private" data-url="https://github.com/adoxography/tailwind-scrollbar/issues/107" data-hovercard-type="pull_request" data-hovercard-url="/adoxography/tailwind-scrollbar/pull/107/hovercard" href="https://github.com/adoxography/tailwind-scrollbar/pull/107">#107</a></li>
</ul>
<h2>New Contributors</h2>
<ul>
<li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/mst-mkt/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/mst-mkt">@mst-mkt</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="2824743439" data-permission-text="Title is private" data-url="https://github.com/adoxography/tailwind-scrollbar/issues/107" data-hovercard-type="pull_request" data-hovercard-url="/adoxography/tailwind-scrollbar/pull/107/hovercard" href="https://github.com/adoxography/tailwind-scrollbar/pull/107">#107</a></li>
</ul>
<p><strong>Full Changelog</strong>: <a class="commit-link" href="https://github.com/adoxography/tailwind-scrollbar/compare/v3.1.0...v4.0.0"><tt>v3.1.0...v4.0.0</tt></a></p>adoxographytag:github.com,2008:Repository/292120324/v3.1.02024-02-11T00:28:07Zv3.1.0<h2>What's Changed</h2>
<ul>
<li>Added a <a href="https://adoxography.github.io/tailwind-scrollbar/getting-started#preferredstrategy" rel="nofollow"><code>preferredStrategy</code> flag</a> so that pseudoelement scrollbars may still be used in newer Chromium-based browsers.</li>
</ul>
<p><strong>Full Changelog</strong>: <a class="commit-link" href="https://github.com/adoxography/tailwind-scrollbar/compare/v3.0.5...v3.1.0"><tt>v3.0.5...v3.1.0</tt></a></p>adoxographytag:github.com,2008:Repository/292120324/v3.0.52023-08-05T13:40:16Zv3.0.5<h2>What's Changed</h2>
<ul>
<li>fix: build with nuxt 2 by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/fabiiomiiguel/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/fabiiomiiguel">@fabiiomiiguel</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1709648201" data-permission-text="Title is private" data-url="https://github.com/adoxography/tailwind-scrollbar/issues/79" data-hovercard-type="pull_request" data-hovercard-url="/adoxography/tailwind-scrollbar/pull/79/hovercard" href="https://github.com/adoxography/tailwind-scrollbar/pull/79">#79</a></li>
</ul>
<h2>New Contributors</h2>
<ul>
<li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/fabiiomiiguel/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/fabiiomiiguel">@fabiiomiiguel</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1709648201" data-permission-text="Title is private" data-url="https://github.com/adoxography/tailwind-scrollbar/issues/79" data-hovercard-type="pull_request" data-hovercard-url="/adoxography/tailwind-scrollbar/pull/79/hovercard" href="https://github.com/adoxography/tailwind-scrollbar/pull/79">#79</a></li>
</ul>
<p><strong>Full Changelog</strong>: <a class="commit-link" href="https://github.com/adoxography/tailwind-scrollbar/compare/v3.0.3...v3.0.5"><tt>v3.0.3...v3.0.5</tt></a></p>adoxographytag:github.com,2008:Repository/292120324/v3.0.32023-05-14T17:02:56Zv3.0.3<h2>What's Changed</h2>
<ul>
<li>Fixed Tailwind Play support</li>
</ul>
<p><strong>Full Changelog</strong>: <a class="commit-link" href="https://github.com/adoxography/tailwind-scrollbar/compare/v3.0.1...v3.0.3"><tt>v3.0.1...v3.0.3</tt></a></p>adoxographytag:github.com,2008:Repository/292120324/v3.0.12023-05-10T02:43:01Zv3.0.1<h2>What's Changed</h2>
<ul>
<li>Fixed a bug where inclusion of <code>tailwind-scrollbar</code> would reorder some of the variants (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1697527272" data-permission-text="Title is private" data-url="https://github.com/adoxography/tailwind-scrollbar/issues/72" data-hovercard-type="pull_request" data-hovercard-url="/adoxography/tailwind-scrollbar/pull/72/hovercard" href="https://github.com/adoxography/tailwind-scrollbar/pull/72">#72</a>)</li>
<li>Explicitly set the <code>display</code> of <code>::-webkit-scrollbar</code> to <code>block</code> on <code>scrollbar</code> and <code>scrollbar-thin</code> so that they can counteract components that try to set <code>display: none</code> (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1703016764" data-permission-text="Title is private" data-url="https://github.com/adoxography/tailwind-scrollbar/issues/74" data-hovercard-type="pull_request" data-hovercard-url="/adoxography/tailwind-scrollbar/pull/74/hovercard" href="https://github.com/adoxography/tailwind-scrollbar/pull/74">#74</a>)</li>
</ul>
<p><strong>Full Changelog</strong>: <a href="https://github.com/adoxography/tailwind-scrollbar/commits/v3.0.1">https://github.com/adoxography/tailwind-scrollbar/commits/v3.0.1</a></p>adoxographytag:github.com,2008:Repository/292120324/v3.0.02023-03-14T02:21:53Zv3.0.0<h2>What's Changed</h2>
<h3>Breaking Changes</h3>
<ul>
<li><code>overflow: overlay</code> has been removed from the <code>scrollbar</code> and <code>scrollbar-thin</code> classes. This may cause a visual change in sites using this plugin, but it should lead to more predictable scrollbar placements. (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1622588424" data-permission-text="Title is private" data-url="https://github.com/adoxography/tailwind-scrollbar/issues/64" data-hovercard-type="pull_request" data-hovercard-url="/adoxography/tailwind-scrollbar/pull/64/hovercard" href="https://github.com/adoxography/tailwind-scrollbar/pull/64">#64</a>)</li>
<li>All utilities aside from <code>scrollbar</code> and <code>scrollbar-thin</code> are now inherited by children. If you only ever need one scrollbar colour scheme, you can define your scrollbar colour utilities at a top-level element and use <code>scrollbar</code> or <code>scrollbar-thin</code> on specific elements to apply those predefined styles. (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1622578422" data-permission-text="Title is private" data-url="https://github.com/adoxography/tailwind-scrollbar/issues/63" data-hovercard-type="pull_request" data-hovercard-url="/adoxography/tailwind-scrollbar/pull/63/hovercard" href="https://github.com/adoxography/tailwind-scrollbar/pull/63">#63</a>)
<ul>
<li>The <code>scrollbar-thin</code> utility now ignores sizes set by <code>scrollbar-w-*</code> and <code>scrollbar-h-*</code>. If you want custom sizes, stick to <code>scrollbar</code>.</li>
</ul>
</li>
<li>The deprecated <code>rounded</code> variant has now been removed. (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1622590844" data-permission-text="Title is private" data-url="https://github.com/adoxography/tailwind-scrollbar/issues/65" data-hovercard-type="pull_request" data-hovercard-url="/adoxography/tailwind-scrollbar/pull/65/hovercard" href="https://github.com/adoxography/tailwind-scrollbar/pull/65">#65</a>)</li>
</ul>
<p><strong>Full Changelog</strong>: <a class="commit-link" href="https://github.com/adoxography/tailwind-scrollbar/compare/v2.1.0...v3.0.0"><tt>v2.1.0...v3.0.0</tt></a></p>adoxographytag:github.com,2008:Repository/292120324/v2.1.02022-12-27T18:22:34Zv2.1.0<p>If the <a href="https://github.com/adoxography/tailwind-scrollbar#noncompatible-utilities"><code>nocompatible</code></a> flag is passed, <code>scrollbar-w-*</code> and <code>scrollbar-h-*</code> utilities can now be used to customize the width and height of vertical and horizontal scrollbars, respectively.</p>
<h2>What's Changed</h2>
<ul>
<li>Ensure values are converted to colors in matchUtilities by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/adoxography/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/adoxography">@adoxography</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1465741624" data-permission-text="Title is private" data-url="https://github.com/adoxography/tailwind-scrollbar/issues/54" data-hovercard-type="pull_request" data-hovercard-url="/adoxography/tailwind-scrollbar/pull/54/hovercard" href="https://github.com/adoxography/tailwind-scrollbar/pull/54">#54</a></li>
<li>Feature/adjustable height by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/adoxography/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/adoxography">@adoxography</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1512025060" data-permission-text="Title is private" data-url="https://github.com/adoxography/tailwind-scrollbar/issues/57" data-hovercard-type="pull_request" data-hovercard-url="/adoxography/tailwind-scrollbar/pull/57/hovercard" href="https://github.com/adoxography/tailwind-scrollbar/pull/57">#57</a></li>
</ul>
<p><strong>Full Changelog</strong>: <a class="commit-link" href="https://github.com/adoxography/tailwind-scrollbar/compare/v2.0.1...v2.1.0"><tt>v2.0.1...v2.1.0</tt></a></p>adoxographytag:github.com,2008:Repository/292120324/v2.1.0-preview.02022-10-09T15:16:14Zv2.1.0-preview.0<p>Preview release for custom width and height utilities.</p>
<p><strong>Full Changelog</strong>: <a class="commit-link" href="https://github.com/adoxography/tailwind-scrollbar/compare/v2.0.1...v2.1.0-preview.0"><tt>v2.0.1...v2.1.0-preview.0</tt></a></p>adoxographytag:github.com,2008:Repository/292120324/v2.0.12022-09-05T20:03:50Zv2.0.1<h2>What's Changed</h2>
<h3>Breaking changes</h3>
<ul>
<li>Tailwind 3 is now both supported and required.</li>
</ul>
<h3>New features</h3>
<ul>
<li>Support for Tailwind 3 arbitrary colours, border radii, and opacity modifier syntax</li>
<li><code>active:</code> variant support</li>
<li><code>scrollbar-corner-xxx</code> utilities</li>
<li>Typescript support</li>
</ul>
<h3>Bugfixes</h3>
<ul>
<li>Fix issue with scrollbar variant utilities not being generated correctly</li>
<li>Fix issue with numeric colour utilities by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/Wyn-Price/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/Wyn-Price">@Wyn-Price</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1074924711" data-permission-text="Title is private" data-url="https://github.com/adoxography/tailwind-scrollbar/issues/32" data-hovercard-type="pull_request" data-hovercard-url="/adoxography/tailwind-scrollbar/pull/32/hovercard" href="https://github.com/adoxography/tailwind-scrollbar/pull/32">#32</a></li>
<li>Fix issue with inclusion of deeply nested colours by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/OrbisK/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/OrbisK">@OrbisK</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1362076095" data-permission-text="Title is private" data-url="https://github.com/adoxography/tailwind-scrollbar/issues/42" data-hovercard-type="pull_request" data-hovercard-url="/adoxography/tailwind-scrollbar/pull/42/hovercard" href="https://github.com/adoxography/tailwind-scrollbar/pull/42">#42</a></li>
</ul>
<h3>Deprecations</h3>
<ul>
<li>Passing in a <code>rounded</code> variant to unlock rounded utilities is deprecated in favour of passing <code>{ nocompatible: true }</code> into the plugin configuration</li>
</ul>
<h2>New Contributors</h2>
<ul>
<li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/Wyn-Price/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/Wyn-Price">@Wyn-Price</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1074924711" data-permission-text="Title is private" data-url="https://github.com/adoxography/tailwind-scrollbar/issues/32" data-hovercard-type="pull_request" data-hovercard-url="/adoxography/tailwind-scrollbar/pull/32/hovercard" href="https://github.com/adoxography/tailwind-scrollbar/pull/32">#32</a></li>
<li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/jcayabyab/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/jcayabyab">@jcayabyab</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1162088215" data-permission-text="Title is private" data-url="https://github.com/adoxography/tailwind-scrollbar/issues/36" data-hovercard-type="pull_request" data-hovercard-url="/adoxography/tailwind-scrollbar/pull/36/hovercard" href="https://github.com/adoxography/tailwind-scrollbar/pull/36">#36</a></li>
<li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/OrbisK/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/OrbisK">@OrbisK</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1362076095" data-permission-text="Title is private" data-url="https://github.com/adoxography/tailwind-scrollbar/issues/42" data-hovercard-type="pull_request" data-hovercard-url="/adoxography/tailwind-scrollbar/pull/42/hovercard" href="https://github.com/adoxography/tailwind-scrollbar/pull/42">#42</a></li>
</ul>
<p><strong>Full Changelog</strong>: <a class="commit-link" href="https://github.com/adoxography/tailwind-scrollbar/compare/v1.3.1...v2.0.0"><tt>v1.3.1...v2.0.0</tt></a></p>adoxography