Filament•15mo ago

TextColumn tooltip displays content and theme

Hi everyone; I'm trying to display a tooltip, but the output comes as shown - I reckon the content and theme bits are not supposed to be there. Latest filament with no vendor directory etc. Any thoughts?

Solution:

Sorted after some more digging - I had a burried custom directive in my JS files which messed with x-tooltip

Jump to solution

14 Replies

cheesegrits•15mo ago

Can you show your code. I can't replicate this, but I need to know where you are putting the tooltip.

DrByte•15mo ago

Latest filament with no vendor directory etc

It would be helpful if you named the actual Filament version. ... because it just so happens that today v3.0.70 was published which addresses some issues with tooltips. So, did you install your "latest Filament" before or after that update was published today?

LJOP•15mo ago

Yes, it is 3.0.70

  public function table(Table $table): Table
  {
      return $table->query(Airline::query())
          ->columns([
              TextColumn::make('name')->tooltip('insert tooltip here'),
          ])
          ->filters([
  
          ])
          ->actions([
  
          ]);
  }

  public function table(Table $table): Table
  {
      return $table->query(Airline::query())
          ->columns([
              TextColumn::make('name')->tooltip('insert tooltip here'),
          ])
          ->filters([
  
          ])
          ->actions([
  
          ]);
  }

cheesegrits•15mo ago

Hmmm. That's exactly the test case I tried with 3.0.70. Are you running filament upgrade in your composer.json, as per install docs?

LJOP•15mo ago

Yes Already did everything I can figure

cheesegrits•15mo ago

Presumably you've cleared view cache, etc.

LJOP•15mo ago

Yes, php artisan filament:upgrade supposedly does it; I also did it manually.

cheesegrits•15mo ago

Let me dig around in the code, see if I can spot any reason it might do that. Is this in an admin panel, or standalone Table?

LJOP•15mo ago

Only got tables and notifications installed from the filament toolkit

cheesegrits•15mo ago

OK. I'll try standalone, I only tested in an admin panel, that might make a difference.

LJOP•15mo ago

Just ended up publishing vendor files and changing

<div
    @if (filled($tooltip))
        x-data="{}"
        x-tooltip="{
            content: @js($tooltip),
            theme: $store.theme,
        }"
    @endif
    {{ $attributes->class(['fi-ta-col-wrp']) }}
>

<div
    @if (filled($tooltip))
        x-data="{}"
        x-tooltip="{
            content: @js($tooltip),
            theme: $store.theme,
        }"
    @endif
    {{ $attributes->class(['fi-ta-col-wrp']) }}
>

<div
    @if (filled($tooltip))
        x-data="{}"
        x-tooltip="{{$tooltip}}"
    @endif
    {{ $attributes->class(['fi-ta-col-wrp']) }}
>

<div
    @if (filled($tooltip))
        x-data="{}"
        x-tooltip="{{$tooltip}}"
    @endif
    {{ $attributes->class(['fi-ta-col-wrp']) }}
>

in filament-tables/components/columns/column.blade.php Will do the trick for now till there's a solution/fix

Solution

LJ•15mo ago

Sorted after some more digging - I had a burried custom directive in my JS files which messed with x-tooltip

cheesegrits•15mo ago

Hey, sorry, I had meant to get back to you and say I couldn't replicate this any which way. In general, when you get some error like this where some fundamental functionality is broken on your site, and you don't see a buttload of other people complaining about it in #help ... it's usually something in your app breaking it. 🙂

Punyapal Shah•8mo ago

facing same issue

Gaming

Programming

TextColumn tooltip displays content and theme

Did you find this page helpful?