Cannot render resource in specific browser with more than x relation managers

[TheBigDG]

Hi all,

Great plugin, I'm not really sure why filament don't include similar functionality in core. Anyway, one small problem. I have a resource Fixture which uses tabs with 1 or more Njxqlus RelationManager's in each tab.

Everything was going fine while building my app and testing in Chrome. However, I then passed to my client to start testing, and he has an issue where this Fixture resource returned a completely blank page in Safari on Mac.

I started investigating and found that I seem to be using 2 too many Njxqlus RelationManagers.

Take this code which builds the main infoList component on my resource page, with several tabs:

` public static function infolist(Infolist $infolist): Infolist

{
    return $infolist
        ->schema([
            Components\Tabs::make('Tabls')
                ->tabs([
                    static::getFixtureDetailsTab(), // Tab with 1 Njxqlus RelationManager
                    static::getSquadsTab(), // Tab with 2 Njxqlus RelationManager
                    static::getEventsTab(), // Tab with 5 Njxqlus RelationManager
                    static::getOutcomesTab(), // Tab with 1 Njxqlus RelationManager
                    static::getLiveOutcomesTab()->visible(false),
                    static::getFixtureTeamStatisticsTab(), // Tab with 1 Njxqlus RelationManager
                    static::getDataFeedLogTab(), // Tab with 1 Njxqlus RelationManager
                ])
                ->columnSpanFull()
                ->contained(true),
            ]);
}`

In Chrome, the resource renders fine.

In Safari the resource renders a blank page. However, if I comment out any combination of the above static::... lines which result in reducing the number of RelationManager by 2 or more, the page will render. For example:

• If I comment out the final static::getDataFeedLogTab call, thereby reducing the number of RelationManagers by 1, the page will still not render, but if I comment out the bottom two lines, static::getDataFeedLogTab and static::getFixtureTeamStatisticsTab, thereby reducing the number of RelationManagers by 2, the page will render.
• If I comment out the first line static::getFixtureDetailsTab, reducing the number of RelationManagers by 1, the page will still not render, but if I comment out the second line static::getSquadsTab, reducing the number of RelationManagers by 2, it will render.

I've tried all combinations, and I'm pretty sure the issue is related to the overall number of RelationManagers being > 9, and the problem only shows in Safari, not Chrome.

Not sure where to go with debugging from here. Am going to see if I can find any errors in Safari, nothing obvious in developer tools so far.

Any help greatly appreciated.

TIA

:wq

[TheBigDG]

A little more digging in Safari and I have found the following error in the Safari Console:

SecurityError: Attempt to use history.replaceState() more than 100 times per 10 seconds

Suspecting livewire behaviour might be an issue.