Flux version

v2.6

Livewire version

v4-beta

Tailwind version

v4.1

Browser and Operating System

Chrome on Windows

What is the problem?

I have an overview of various licenses that can be assigned to more than one client. One column lists which clients each license is assigned to.

Each client has a name and an abbreviation.

With Livewire 3, each avatar had an abbreviation; with Livewire 4, they all get the same one.

Interestingly, the tooltips work and are different for each client.

Code snippets to replicate the problem

@foreach($license->clients as $client)
    <flux:tooltip content="{!! $client->name !!}">
        <flux:avatar size="xs" initials="{{$client->abbreviation}}" color="auto" color:seed="{{ $client->id }}" />
    </flux:tooltip>
@endforeach

Screenshots/ screen recordings of the problem

with Livewire V4 and blaze

With livewire v3

How do you expect it to work?

the color of the avatar stays like in livewire v3 and the abbreviation is shown and not the first one

Please confirm (incomplete submissions will not be addressed)

• I have provided easy and step-by-step instructions to reproduce the bug.
• I have provided code samples as text and NOT images.
• I understand my bug report will be closed if I haven't met the criteria above.