Long email address in tooltip breaking at the @

Hi All, have a column of email addresses that can get quite long so I stick a limit and add a tooltip for those cells where the limit is breached. I have a particular address that overflows the tooltip exactly at the @ symbol. If I change the @ to a - in the database the tooltip works fine

Solution

a workaround

->extraAttributes(fn (YorModel $record): array => [
    'x-tooltip' => "{content: '<div class=\"break-words\">{$record->email}</div>', allowHTML:true}"
])

->extraAttributes(fn (YorModel $record): array => [
    'x-tooltip' => "{content: '<div class=\"break-words\">{$record->email}</div>', allowHTML:true}"
])

->extraAttributes(fn (YorModel $record): array => [
    'x-tooltip' => "{content: '<div class=\"break-words\">{$record->email}</div>', allowHTML:true}"
])

->extraAttributes(fn (YorModel $record): array => [
    'x-tooltip' => "{content: '<div class=\"break-words\">{$record->email}</div>', allowHTML:true}"
])

Jump to solution

Long email address in tooltip breaking at the @

Similar Threads

Similar Threads

Similar Threads