CODEWITHSUNDEEP
zurb-foundationtooltip
L84
L84

Reputation: 46308

Foundation (ZURB) Tooltips Flickering

I am using the built in Tooltips in Foundation (version 4.3.1) by Zurb.

They work but if you do not keep the mouse still the tooltip will flicker. Is it possible to stop the flickering from happening?

I assume this is happening because the tool tips are over text and the mouse technically goes off the text and comes back onto the text quickly so it flickers. How do I prevent this?

Upvotes: 1

Views: 764

Answers (1)

L84
L84

Reputation: 46308

I was able to solve my problem and this may help others.

The issue was the cursor not staying on the text thus causing the flickering.

I added a background the same color as my background with a little padding and it solved the issue.

The CSS I used: 

.has-tip {
    background: rgba(208,208,208,0.1); /* Color of background. Also
           I am using RGBA because my background has a pattern thus 
           I lower the opacity of the background to show the pattern. */
    padding:3px;
}

Upvotes: 1

Related Questions