Skip to content

Commit

Permalink
fix(tooltip): enable pointer events only for tooltip content
Browse files Browse the repository at this point in the history
The tooltip window element or its arrow may cause extra `mouseleave` and
`mouseenter` events when moving the mouse slowly from the direction of the
appearing tooltip, preventing it from appearing.

Fixes #3997.
  • Loading branch information
peruukki authored and maxokorokov committed May 12, 2021
1 parent 542bc54 commit 438fe5c
Showing 1 changed file with 6 additions and 0 deletions.
6 changes: 6 additions & 0 deletions src/tooltip/tooltip.scss
Expand Up @@ -2,6 +2,12 @@
$arrow-size: 0.8rem;

ngb-tooltip-window {
pointer-events: none;

.tooltip-inner {
pointer-events: auto;
}

&.bs-tooltip-top .arrow,
&.bs-tooltip-bottom .arrow {
left: calc(50% - #{$arrow-size / 2});
Expand Down

0 comments on commit 438fe5c

Please sign in to comment.