Package

filament/filament

Package Version

3.2.62

Laravel Version

11

Livewire Version

3

PHP Version

8.2

Problem description

Hi!

I need to use tabs with localization. Each tab has a repeater component, which in an example, creates a size table for the product. The problem is that if you use the repeater in tabs, then extra space appears at the page's bottom.

I tested this on Google Chrome, Safari and Firefox. This issue reproduces in Chrome and Safari. In Firefox page is normal.

To minimize the effects of extensions, I opened the guest window. If opened the first tab:

(dev tools - html height)

As you can see, the page has space and a broken header (most likely related to page height).

But when I switch to the second tab - no more space.

After minimal debugging, I found that the reason is in the repeater in tabs

because, when I put many input fields at the same height, the page is normal

Expected behavior

When switching between tabs, there is no free space at the page's bottom on first tab.

Steps to reproduce

I have prepared a demo project that reproduces the problem.

To create a test product with a size table, run the seeder php artisan db:seed

After that, open Google Chrome, login, open a product resource and edit the product.

Reproduction repository

https://github.com/Oleksandr-Moik/filament-demo-tabs-repeater

Relevant log output

No response