添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
F
Filament

❓┊help

Wizard step overflow-y-hidden not hiding child elements from other steps

J jgreco 5/15/2023
I'm using the Form Builder with Wizard layout to organize a large form into steps for the user. Step 1 is short, just basic contact info, but steps 2 and 3 are much longer and contain combinations of sections and repeaters. The issue is on step 1 there is a ton of empty scroll space at the bottom of the page and when inspecting the code, it looks like the elements in steps 2 & 3 are causing this. Doesn't look like h-0 overflow-y-hidden is observed. When I replace x-bind:class="{ 'invisible h-0 overflow-y-hidden': step !== @js($getId()) }" with x-bind:class="{ 'hidden h-0 overflow-y-hidden': step !== @js($getId()) }" it seems to get rid of the empty space. So my question is why couldn't we just use hidden/ to hide tabs out of focus, or if someone knows a solution or what I am doing wrong that would also be great. P.S. I am using a custom theme, but I updated to the latest versions of Tailwind and it still happens when I disable the custom theme.
DH Dan Harrin
View on Discord
5/15/2023
interesting @zepfietje @awcodes do you know the reason we use invisible instead of hidden here?
A awcodes 5/15/2023
Not sure. Haven’t done much with the wizard. I’m wondering if it has something to do with auto focus on validation or the step index?
DH Dan Harrin 5/15/2023
oh, i dont think its the autofocus
J jgreco 5/15/2023
I've tested validation and form submission using hidden instead, and it seems to work. Is invisible being used for transition purposes?
A awcodes 5/15/2023
That’s a possibility too. I’m seeing the tabs also uses it, so there has to be a valid reason.
J jgreco 5/15/2023
I've, so far, tried skippable and the validation hooks (trying to break it) but seems to be working still. Found this: https://github.com/filamentphp/filament/pull/1997/files , maybe FilePond? Nope, still works 🤷‍♂️
A awcodes
View on Discord
5/15/2023
Can you try it with a tabs form field too?
J jgreco 5/16/2023
I set this up quickly as a test. overflow-y-hidden seems to work on tabs. I also noticed that Wizard doesn't make use of wire:key but tabs do. I'm also going through all of my columnSpans and columns values to see if I have any unclosed divs or something
ZF Zep Fietje 5/16/2023
Hmm not sure, @danharrin, but I was thinking the same as @awcodes
DH Dan Harrin 5/16/2023
i dont think we can eaisly switch to hidden or x-show because of the github issue linked above, so will need to continue investigating how to get this to work properly with invisible
ZF Zep Fietje 5/16/2023
I've seen this approach in other places where it does seem to ignore the invisible height?

Looking for more? Join the community!

Want results from more Discord servers?
Add your server
Recommended Posts
Searchable Relationships in Tables So if i have ```php Tables\Columns\TextColumn::make('user.name') ->label('Name') ->descripti Skip Dashboard Page Hello - is it possible to skip the dashboard page entirely and instead redirect to a resource? retrieve Radio value in custom page. im currently developing a custom page to answer a quiz. $this->form contains Radio input. when i sel How use repeater to save an input in the pivot table i want to save "quantity" and "amount" in the pivot table Assert button existence How to assert "new" button existence in top right resource table in php test case? The button isn't Select field hasMany relation Hello all, I am trying to achieve a select field relation with a hasMany relation. I have one Model Input loading Hello. I am using Input Loading plugin. I also need to use it with a rich editor field or any other additional function on SelectColumn change hello everyone. is there any way i can fire a function on select column change? eg send DB notifica Dependent Select inside wizard with repeater not being populated I have a dependent select on a repeater as part of a 2 step wizard. Whenever I use the select outsid Make sidebar closed by default on mobile. When you login inside Admin panel on mobile for first time, you get the sidebar opened by default. H Preload Multi Select values [solved] Hi I have a Job Profile Resource which has a many-to-many relationship with my certifications resour Hot Reloading when using admin panel Is there away to get vite hot reloading working with the admin panel. As i am not using views and do after() method of DetachAction is not working for AttachAction it is working: ->headerActions([ Tables\Actions\AttachAction:: Form Select component select all options method Is there a way to add "Select all" to a Form Select component? New issue with select after v2.17.39 My select is as follows: Forms\Components\Select::make('task_id') ->relationshi Null option for Select Field ```php ->options([