Hotspot overflow

1 reply · opened Jul 25, 2021

VvaluencyJul 25, 2021

Hi, we are using the hotspot.jquery,js plugin. When we add a hotspot towards the bottom of an image, the resulting tooltip is cut off and not fully visible, even with the .overflow-visible class on the section. Sorry, no URL, site is still under development, but see attached screenshot. If we add an extra padding of 500px at the bottom, the problem is resolved, but this is of course not a fix as it breaks our design.

Does the hotspot plugin use popper.js or something else to automatically detect the ideal position? If not, can we set any data attribute on the tooltip to force it to display at the top or bottom?

VvaluencyJul 25, 2021

Sorry, close the ticket, we discovered the .ontop class ;-)

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard