Qlik Community

Qlik Sense Integration, Extensions, & APIs

Discussion board where members can learn more about Integration, Extensions and API’s for Qlik Sense.

andresilva
New Contributor III

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

I have 2 problems.

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

Untitled.png

2. "S" isn't visible

Untitled.png

1 Solution

Accepted Solutions
andresilva
New Contributor III

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

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;}

5 Replies
andresilva
New Contributor III

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

The same happens in the official site Leonardo UI

UI Overview | Leonardo

with scroll

Untitled.png

without scroll

Untitled.png

jesper_snihs
Contributor

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

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.

andresilva
New Contributor III

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

position:fixed don't resolve

jesper_snihs
Contributor

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

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.

andresilva
New Contributor III

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

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;}

Community Browser