Tippyjs: Wrap the word if it's too long

[dariadomagala]

Hello.

I wanted to use tippy to display names that are too long to display on our site, unfortunately tippy also has a maximum width, and displays only part of a word.
Would it be possible either to break the word if it's too long for the tooltip or configure the width of the tooltip?

[atomiks]

.tippy-tooltip {
  overflow-wrap: break-word;
}

[atomiks]

Not sure if this should be default. 🤔 💭

[KubaJastrz]

I feel like any settings or styles that are not directly related to tippy package should not be included in defaults. Especially when it's easy to add custom behavior, like posted above.

Same goes for changing maximum width of the tooltip. We have reasonable default value in the css files and that can be easily replaced (including custom media queries that we simply cannot provide "upfront", it needs to be tailored into specific app).

[atomiks]

@KubaJastrz I feel like it's a somewhat common use case to have fixed by default (especially for mobile/narrow screens) and doesn't really break existing tooltips unless they were intentionally letting a long word overflow it?

[atomiks]

Gonna close it I guess... 🌜