tag:github.com,2008:https://github.com/adoxography/tailwind-scrollbar/releases Release notes from tailwind-scrollbar 2025-02-23T23:07:05Z tag:github.com,2008:Repository/292120324/v4.0.1 2025-02-23T23:08:33Z v4.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> adoxography tag:github.com,2008:Repository/292120324/v4.0.0 2025-02-01T02:44:35Z v4.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> adoxography tag:github.com,2008:Repository/292120324/v3.1.0 2024-02-11T00:28:07Z v3.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> adoxography tag:github.com,2008:Repository/292120324/v3.0.5 2023-08-05T13:40:16Z v3.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> adoxography tag:github.com,2008:Repository/292120324/v3.0.3 2023-05-14T17:02:56Z v3.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> adoxography tag:github.com,2008:Repository/292120324/v3.0.1 2023-05-10T02:43:01Z v3.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> adoxography tag:github.com,2008:Repository/292120324/v3.0.0 2023-03-14T02:21:53Z v3.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> adoxography tag:github.com,2008:Repository/292120324/v2.1.0 2022-12-27T18:22:34Z v2.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> adoxography tag:github.com,2008:Repository/292120324/v2.1.0-preview.0 2022-10-09T15:16:14Z v2.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> adoxography tag:github.com,2008:Repository/292120324/v2.0.1 2022-09-05T20:03:50Z v2.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