TextColumn tooltip displays content and theme

LJ · 2023-10-08T19:23:09.249Z

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?

C

cheesegrits•10/8/23, 7:53 PM

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

D

DrByte•10/8/23, 8:05 PM

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?

L

LJOP•10/9/23, 12:14 AM

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([
  
          ]);
  }

  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([
  
          ]);
  }

C

cheesegrits•10/9/23, 12:36 AM

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?

L

LJOP•10/9/23, 12:36 AM

Yes

L

LJOP•10/9/23, 12:36 AM

Already did everything I can figure

C

cheesegrits•10/9/23, 12:37 AM

Presumably you've cleared view cache, etc.

L

LJOP•10/9/23, 12:38 AM

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

C

cheesegrits•10/9/23, 12:42 AM

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?

L

LJOP•10/9/23, 12:43 AM

Only got tables and notifications installed from the filament toolkit

C

cheesegrits•10/9/23, 12:44 AM

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

L

LJOP•10/9/23, 8:47 PM

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="{
            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']) }}
>

to

<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']) }}
>

<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

L

LJ•10/9/23, 8:54 PM

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

C

cheesegrits•10/9/23, 9:03 PM

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.

P

Punyapal Shah•5/20/24, 11:03 AM

facing same issue

TextColumn tooltip displays content and theme

Similar Threads

Similar Threads

Similar Threads