Tooltip in mashup isn't visible at the bottom of the page

[Anonymous]

I have 2 problems.

1º The position of the tooltip is wrong when scrolling down the page.

2. "S" isn't visible

[Anonymous]

The same happens in the official site Leonardo UI

UI Overview | Leonardo

with scroll

without scroll

[_jespers_]

Hi,

There was a similar issue with the filter panel (Mashup: Problem with selection box). You might find that you can add the fixed class to the tooltip element in this case also.

[Anonymous]

position:fixed don't resolve

[_jespers_]

Well, it is actually the absolute position of the tooltip element that is the issue in this case.

Because if you add the css class:

.lui-tooltip {
    position: fixed;
}

You can actually see that the tooltip marker now is in the correct Y-position. Unfortunately, the adding of this class makes the tooltip element to be misaligned in the X-position.

I guess there will be no easy fix for this and you might have to bring in some javascript to be able to get the position of the hovered element, get the size of that element and with the help of that be able to position the element correctly.

[Anonymous · Accepted solution]

I've tried with fixed position but it does not work.

body Overflow-y worked

html, body{height:100%;}

body{overflow-y: scroll !important;}

html{overflow-y: hidden !important;}