Text won’t wrap in tooltip window

  • Resolved MBWD

    (@mbwd)


    3 years ago

    I can’t seem to get long lines of text to wrap properly in the tooltip window. It works when I add <br> tags, but that seems unnecessarily laborious, and it’s also not a responsive solution. I’ve used CSS to make the window taller, thinking it would wrap, and I also set a max-width, but the text remains in a single line that overflows off the page. I tried using the ch CSS property to limit the line length, but that didn’t work. Here is a screenshot of what I’ve got at the moment. How should text be treated so that these windows display it properly?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Carlos Moreira

    (@carlosmoreirapt)

    3 years ago

    Hi @mbwd

    Thank you for using the plugin. In the tooltip field you should be able to add natural line breaks, you shouldn’t need to use the br code. But if you want a css solution, this approach should work:

    .map_wrapper foreignObject div {
    max-width:200px;
    white-space:initial !important;
}

    Hope it helps

    Greetings, Carlos

Viewing 1 replies (of 1 total)

The topic ‘Text won’t wrap in tooltip window’ is closed to new replies.