Clickable area of Text element with mouse click event

Problem: Clickable area of Text element with mouse click event…

Saola Animate version: 3.0.0

OS: Windows 10


I am uploading a gif I made to explain visually what I am asking. The main point of my question is that text elements have a wide clickable area around them where a plain shape like a square is very defined to the actual shape. You can’t make menus with words close to each other because the clickable areas will overlap each other and cause you to click the wrong choice. I am wondering if that can be fixed in future updates. Hopefully my gif makes sense of what I am saying…

Hi Locky,

It’s due to the margin of text paragraphs. An HTML paragraph <p> has a default margin of 1em (which is equal to the font size).
To overcome this issue, you can set the element Overflow in Properties pane to Hidden


Another method is setting CSS for HTML paragraph in Document pane > Edit CSS:

p {
  margin: 0;


1 Like

Toan…that is fantastic, I have been trying to remember to ask about this problem for months and kept forgetting, so I kept making the space “wide” between clickable words in menus. I just tried the CSS code and it works beautifully, thank you! This really just made my day! :+1: :grinning:

1 Like