Package

filament/filament

Package Version

v3.2.120

Laravel Version

v10.48.22

Livewire Version

v3.4.10

PHP Version

PHP 8.2.18

Problem description

I'm not sure if this is a bug or intended behaviour but I was expecting the steps header of the wizard to automatically scroll to the next step. Without this the user may never see the step labels or descriptions. Screenshot:

I've checked all existing issues and nobody seems to have brought it up before. There is some talk about it on Discord where I have added a partial solution.

Expected behavior

I expected that the wizard header automatically performed a horizontal scroll to step 2, step 3 and so on after each step validates.

I can kind of work around this, with great difficultly, by dispatching the step number through custom events via registerListeners and then listening in alpine with $wire.on.

Steps to reproduce

Just create a form wizard that has enough steps to overflow the x-axis of the wizard header.

Reproduction repository (issue will be closed if this is not valid)

https://github.com/stuartcusackie/filament-wizard-header-scroll-issue

Relevant log output

No response