CODEWITHSUNDEEP
vaadinvaadin-flow
Daniel
Daniel

Reputation: 11

Allow Line-Breaks in Vaadin Flow Tooltips

Line-Breaks and Vaadin Flow Tooltips are discussed publicly, still a recommended solution is missing (e.g. https://vaadin.com/forum/thread/17952864/tooltip-with-line-break-in-vaadin; concluding in "this does not work")

The official documentation on the tooltip component does not contain any hint.

Are there any suggestions or known workarounds?

Cheers for any help on that requirement, Daniel

I also experimented a bit with vaadin 23 on tooltips. enter image description here

None of the promising approaches did work. enter image description here

Upvotes: 0

Views: 654

Answers (1)

Knoobie
Knoobie

Reputation: 2064

It's semi supported by adding the following to your styles.css and using \n as new line character.

vaadin-tooltip-overlay::part(content) {
  white-space: pre;
}

Upvotes: 9

Related Questions