Vaadin8, how to change Tooltip max-width?


I’m doing V7->V8 migration and struggling to get the tooltip displayed wider. I can change the height and other properties but the ‘max-width’ seems not have any affect. Also tried to set static width using eg. ‘width: 300px’ but with no luck.

How can I achieve this simple change? I would not like to use my own “style” but rather change the global settings as all the tooltips needs the same behaviour.

Here’s how I have done things:

Creating the tooltip:
description.setDescription("The quick brown fox jumps over the lazy dog - but gets hidden because of the width.", ContentMode.HTML);

My “mytheme.scss” file:

  .v-tooltip .v-tooltip-text {
	max-height: 80em !important;
	max-width: 80em !important;
	overflow-x: visible;
    white-space: nowrap;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	-webkit-user-select: text !important;
	user-select: text !important;


No can do?

Morjens Jouko,

The max-width is set on v-tooltip by default in V8.