MorphMany in Tab group not working on Safari

[ryangurn]

• Laravel Version: 11.36.1
• Nova Version: 5.0.5
• PHP Version: 8.4.1
• Database Driver & Version:
• Operating System and Version: macOS 15.2
• Browser type and version: Safari 18.2 (20620.1.16.11.8)
• Reproduction Repository: https://github.com/ryangurn/nova-reproduce-repo

Description:

When using a Tab::group() with a MorphMany nova relationship within the group as mentioned in the documentation, the panel does not show up in Safari. Things work as expected within Chrome 131.0.6778.205.

Tab::group("Related", [
    HasMany::make("Estimates", "estimates", Estimate::class),

    HasMany::make("Invoices", "invoices", Invoice::class),

    MorphMany::make("Notes", "notes", Note::class),
]),

The above code example is not from my testing repo however I was able to replicate the same issue in the separate repo linked and using the App\Models\User model/resource and the App\Models\Note model/resource.

Safari Screenshot

Chrome Screenshot

Detailed steps to reproduce the issue on a fresh Nova installation:

1. clone repo
2. add some dummy data (nothing specific)
3. attempt to view Tab group with MorphMany and it should match my attached screenshots.

[ryangurn]

I also just realized that my example has a MorphOne() in the User model but the User resource had MorphMany(). I corrected this outside of the reproduction repo and I am still experiencing the same issue after adjusting the relationship defined in the User model.

[ryangurn]

PS thanks for adding tabs, I am very very excited to utilize them and quite excited to see the detail page design progression out of the box continue to improve!

[crynobone]

Tested fine on Safari, the relationship does seems invalid to me, using MorphOne relationship but use MorphMany field.

[ryangurn]

@crynobone, the screenshot above is for a MorphOne, please attempt using MorphMany.

I also wonder if the situation only occurs with multiple tabs. Let me check my reproduction changes again (likely tomorrow PST).

[crynobone]

Please check your reproducing repository

https://github.com/ryangurn/nova-reproduce-repo/blob/main/app%2FModels%2FUser.php#L52

also it's missing Note resource class and MorphMany field in User resource

[mziraki]

@ryangurn @crynobone if relationship field's collapsed status has been saved in browser's local storage and then you put them in new "tabs" panel introduced in Nova 5.0+, they will be hidden. you can clear browser storage cache for the site to fix it.
I don't know if it counts as a bug but a fix would be nice.

[crynobone]

if relationship field's collapsed status has been saved in browser's local storage and then you put them in new "tabs" panel introduced in Nova 5.0+, they will be hidden.

If that the case here, both Safari and Chrome would have the same behavior.

[mziraki]

if relationship field's collapsed status has been saved in browser's local storage and then you put them in new "tabs" panel introduced in Nova 5.0+, they will be hidden.

If that the case here, both Safari and Chrome would have the same behavior.

@ryangurn you can make sure if this is the bug or not with clearing the safari's local storage for the site

[ryangurn]

Using private browsing and ensuring the everything is consistently using MorphMany appears to have resolved the issue. I thought this might be a bug but alas turns out it was just some strange caching on my end.