Explorar o código

Added tooltip show delay to prevent a 'tooltip avalanche' when moving the cursor across the toolbar.

Aleksander Nowodzinski %!s(int64=9) %!d(string=hai) anos
pai
achega
881fb4f2a2

+ 3 - 2
packages/ckeditor5-theme-lark/theme/components/tooltip.scss

@@ -79,8 +79,9 @@ $ck-tooltip-arrow-size: 5px;
 		pointer-events: none;
 
 		// For the transition to work, the tooltip must be controlled
-		// using visibility+opacity.
-		transition: opacity .2s ease-in-out;
+		// using visibility+opacity. A delay prevents a "tooltip avalanche"
+		// i.e. when scanning the toolbar with mouse cursor.
+		transition: opacity .2s ease-in-out .2s;
 
 		// This is to get rid of flickering when transitioning opacity in Chrome.
 		// It's weird but it works.