filamentphp / filament

A collection of beautiful full-stack components for Laravel. The perfect starting point for your next app. Using Livewire, Alpine.js and Tailwind CSS.
https://filamentphp.com
MIT License
17.59k stars 2.75k forks source link

ToolTip "bubble" does not conform to its contents #13350

Closed notAreYouScared closed 2 months ago

notAreYouScared commented 2 months ago

Package

filament/filament

Package Version

v3.2.86

Laravel Version

v11.10.0

Livewire Version

v3.5.0

PHP Version

PHP 8.2.20

Problem description

When a tooltip is larger than 51 characters it will spill the contents outside of the tooltip window required|string|max:60|in:20,testing,the,max,size,of,the,fancy,tool,tip,and,showing,that,it,does,not,wrap

image

Smaller ToolTips are not affected by this. Less than 51 characters. required|string|max:60|in:20,testing,the,max,size,o image image image

Expected behavior

The tooltip conforms to the "bubble" & wraps to ~50 characters per line.

Steps to reproduce

Create a tooltip with a long value >50.

Reproduction repository (issue will be closed if this is not valid)

https://github.com/NoThanks. < The "template" you guys offer does not even have Filament installed... It's more work than what it's worth. If you find that you need to close this issue due to this not existing, that's unfortunate.

Relevant log output

No response

Donate 💰 to fund this issue

Fund with Polar

danharrin commented 2 months ago

The "template" you guys offer does not even have Filament installed

You just have to require the package you're using. Not everyone is using the panel builder, so why do we need to assume what you need?

Additionally, even if this is a problem it is probably in https://github.com/ryangjchandler/alpine-tooltip or Tippy.js itself.