scrollbar-gutter caussing issue in flyout modal

[devhoussam1998]

Flux version

2.11

Livewire version

4.0

Tailwind version

4.1.18

Browser and Operating System

Chrome on mac OS

What is the problem?

Using the flyout results in an empty scrollbar-gutter. The value is currently stable, but it should be auto instead.

Code snippets to replicate the problem

replace scrollbar-gutter: stable with scrollbar-gutter: auto in html tag.

Screenshots/ screen recordings of the problem

How do you expect it to work?

Please confirm (incomplete submissions will not be addressed)

• I have provided easy and step-by-step instructions to reproduce the bug.
• I have provided code samples as text and NOT images.
• I understand my bug report will be closed if I haven't met the criteria above.

[ganyicz]

Hi @devhoussam1998,

Please update your issue to meet the requirements such step-by-step instructions and code sample.

Additional context will also be needed as I can't replicate any issue with just using a flyout on a page.

[ganyicz]

Hi @devhoussam1998,

Please aim to make your issues more descriptive in the future, otherwise they might be closed without addressing.

The description still doesn't contain a code snippet to replicate the issue, nor does it mention the steps to reproduce the issue ("replace scrollbar-gutter: stable with scrollbar-gutter: auto in html tag" is not a part of the replication but rather a suggestion for a fix).

Nonetheless I was able to replicate the issue with the following steps:

1. In MacOS settings, set Show scrollbars to Always
2. Include a flyout on a scrollable page
3. When a flyout is opened an extra scrollbar gutter appears

<flux:modal.trigger name="edit-profile">
    <flux:button>Edit profile</flux:button>
</flux:modal.trigger>

<flux:modal name="edit-profile" flyout>
    <flux:heading size="lg">Update profile</flux:heading>
    <flux:text class="mt-2">Make changes to your personal details.</flux:text>
    <div class="h-screen"></div>
</flux:modal>

<div class="h-screen"></div> <!-- Forces scroll -->

Screen.Recording.2026-01-26.at.09.22.17.mov