Layout shift with dropdown in non-Flux modal

[DonCamillo11]

Flux version

v2.10.2

Livewire version

v3.7.3

Tailwind version

v4.1.10

Browser and Operating System

Safari on macOS

What is the problem?

This behavior discussed here seems to be back again in a different manner: #1267

The original problem with Flux dropdowns inside a non-Flux modal has returned. It may be related to earlier changes made before the issue discussed in
#2207
was reported, as those changes appear to have reintroduced the same behavior.

When opening or closing the dropdown, the page content shifts horizontally. Adding scrollbar-gutter: stable;
prevents the scrollbar jump, but causes a new shift to the left, so the layout still moves.

Edit: found out that this only happens if the page has a scroll bar.

Code snippets to replicate the problem

This repository still reproduces the issue after updating to the current Flux version.
https://github.com/DonCamillo11/flux-modal-issue

Screenshots/ screen recordings of the problem

Bildschirmaufnahme.2025-12-19.um.17.55.23.mov

How do you expect it to work?

There should be no layout shift when using dropdowns in a non-Flux modal.

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 @DonCamillo11,

thanks for reporting!

I've submitted a PR with a potential fix.

[esjdev]

Same problem here

[ganyicz]

@esjdev thanks for letting us know 😁 good news, there's already a fix awaiting approval