@syncfusion/ej2-ribbon 30.1.37 → 30.1.41

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 30.1.37
+*  version : 30.1.41
 *  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-ribbon",
-  "version": "30.1.37",
+  "version": "30.1.41",
   "description": "Essential JS 2 Component",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -9,13 +9,13 @@
   "es2015": "./dist/es6/ej2-ribbon.es5.js",
   "typings": "index.d.ts",
   "dependencies": {
-    "@syncfusion/ej2-base": "~30.1.37",
+    "@syncfusion/ej2-base": "~30.1.38",
     "@syncfusion/ej2-buttons": "~30.1.37",
-    "@syncfusion/ej2-dropdowns": "~30.1.37",
-    "@syncfusion/ej2-lists": "~30.1.37",
-    "@syncfusion/ej2-navigations": "~30.1.37",
-    "@syncfusion/ej2-popups": "~30.1.37",
-    "@syncfusion/ej2-splitbuttons": "~30.1.37"
+    "@syncfusion/ej2-dropdowns": "~30.1.41",
+    "@syncfusion/ej2-lists": "~30.1.41",
+    "@syncfusion/ej2-navigations": "~30.1.41",
+    "@syncfusion/ej2-popups": "~30.1.40",
+    "@syncfusion/ej2-splitbuttons": "~30.1.39"
   },
   "devDependencies": {},
   "keywords": [

package/src/ribbon/base/ribbon.d.ts

@@ -237,6 +237,7 @@ export declare class Ribbon extends Component<HTMLElement> implements INotifyPro
     private itemsModel;
     private targetTabs;
     private isUpdateItems;
+    private resizeListener;
     /** @hidden */
     keysPress: string;
     /** @hidden */

package/src/ribbon/base/ribbon.js

@@ -151,7 +151,8 @@ var Ribbon = /** @class */ (function (_super) {
         this.currentControlIndex = 0;
     };
     Ribbon.prototype.wireEvents = function () {
-        EventHandler.add(window, 'resize', this.resizeHandler, this);
+        this.resizeListener = this.resizeHandler.bind(this);
+        EventHandler.add(window, 'resize', this.resizeListener);
         EventHandler.add(document.body, 'keydown', this.keytipActionHandler, this);
         EventHandler.add(document, 'mousedown', this.mouseEventHandler, this);
         EventHandler.add(document, 'scroll', this.mouseEventHandler, this);
@@ -387,14 +388,16 @@ var Ribbon = /** @class */ (function (_super) {
     };
     Ribbon.prototype.resizeHandler = function () {
         var activeContent = this.tabObj.element.querySelector('#' + this.tabs[this.selectedTab].id + constants.CONTENT_ID);
-        this.checkOverflow(this.selectedTab, activeContent);
+        if (!isNullOrUndefined(activeContent)) {
+            this.checkOverflow(this.selectedTab, activeContent);
+        }
         if (this.scrollModule) {
             var scrollEle = this.tabObj.element.querySelector('.' + constants.HORIZONTAL_SCROLLBAR);
             this.scrollModule.scrollStep = scrollEle.offsetWidth;
         }
         if (this.activeLayout === 'Simplified') {
             var activePopup = document.querySelectorAll('.e-ribbon .e-dropdown-btn.e-active, .e-ribbon-group-overflow-ddb .e-dropdown-btn.e-active');
-            if (activePopup.length) {
+            if (!isNullOrUndefined(activePopup) && activePopup.length) {
                 for (var i = 0; i < activePopup.length; i++) {
                     var dropDownBtn = getInstance(activePopup[parseInt(i.toString(), 10)], DropDownButton);
                     dropDownBtn.toggle();
@@ -2118,6 +2121,7 @@ var Ribbon = /** @class */ (function (_super) {
                 var eventArgs = { element: args.element, event: args.event, cancel: args.cancel };
                 _this.trigger('overflowPopupClose', eventArgs, function (ribbonArgs) {
                     if (ele || ribbonArgs.cancel || groupButtonEle) {
+                        args.element = null;
                         args.cancel = true;
                     }
                 });
@@ -4789,7 +4793,7 @@ var Ribbon = /** @class */ (function (_super) {
         }
     };
     Ribbon.prototype.unwireEvents = function () {
-        EventHandler.remove(window, 'resize', this.resizeHandler);
+        EventHandler.remove(window, 'resize', this.resizeListener);
         EventHandler.remove(document.body, 'keydown', this.keytipActionHandler);
         EventHandler.remove(document, 'mousedown', this.mouseEventHandler);
         EventHandler.remove(document, 'scroll', this.mouseEventHandler);

package/styles/bds-lite.css

@@ -661,14 +661,6 @@
   max-height: 90px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bds.css

@@ -661,14 +661,6 @@
   max-height: 90px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap-dark-lite.css

@@ -432,14 +432,6 @@
   max-height: 108px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap-dark.css

@@ -432,14 +432,6 @@
   max-height: 108px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap-lite.css

@@ -434,14 +434,6 @@
   max-height: 108px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap.css

@@ -434,14 +434,6 @@
   max-height: 108px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap4-lite.css

@@ -476,14 +476,6 @@
   max-height: 108px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap4.css

@@ -476,14 +476,6 @@
   max-height: 108px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap5-dark-lite.css

@@ -507,14 +507,6 @@
   max-height: 90px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap5-dark.css

@@ -507,14 +507,6 @@
   max-height: 90px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap5-lite.css

@@ -507,14 +507,6 @@
   max-height: 90px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap5.3-lite.css

@@ -511,14 +511,6 @@
   max-height: 90px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap5.3.css

@@ -511,14 +511,6 @@
   max-height: 90px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap5.css

@@ -507,14 +507,6 @@
   max-height: 90px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/fabric-dark-lite.css

@@ -408,14 +408,6 @@
   max-height: 108px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/fabric-dark.css

@@ -408,14 +408,6 @@
   max-height: 108px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/fabric-lite.css

@@ -409,14 +409,6 @@
   max-height: 108px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/fabric.css

@@ -409,14 +409,6 @@
   max-height: 108px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/fluent-dark-lite.css

@@ -499,14 +499,6 @@
   max-height: 90px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/fluent-dark.css

@@ -499,14 +499,6 @@
   max-height: 90px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/fluent-lite.css

@@ -499,14 +499,6 @@
   max-height: 90px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/fluent.css

@@ -499,14 +499,6 @@
   max-height: 90px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/fluent2-lite.css

@@ -547,14 +547,6 @@
   max-height: 100px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -2363,7 +2355,7 @@ body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-
   background: var(--color-sf-tooltip-bg-color);
 }
 .e-ribbon-tooltip.e-tooltip-wrap .e-tip-content {
-  color: #242424;
+  color: var(--color-sf-tooltip-text-color);
 }
 .e-ribbon-tooltip.e-tooltip-wrap .e-arrow-tip .e-arrow-tip-inner.e-tip-top {
   color: var(--color-sf-tooltip-bg-color);

package/styles/fluent2.css

@@ -547,14 +547,6 @@
   max-height: 100px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -2363,7 +2355,7 @@ body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-
   background: var(--color-sf-tooltip-bg-color);
 }
 .e-ribbon-tooltip.e-tooltip-wrap .e-tip-content {
-  color: #242424;
+  color: var(--color-sf-tooltip-text-color);
 }
 .e-ribbon-tooltip.e-tooltip-wrap .e-arrow-tip .e-arrow-tip-inner.e-tip-top {
   color: var(--color-sf-tooltip-bg-color);

package/styles/highcontrast-light-lite.css

@@ -427,14 +427,6 @@
   max-height: 120px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/highcontrast-light.css

@@ -427,14 +427,6 @@
   max-height: 120px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/highcontrast-lite.css

@@ -432,14 +432,6 @@
   max-height: 120px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/highcontrast.css

@@ -432,14 +432,6 @@
   max-height: 120px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/material-dark-lite.css

@@ -568,14 +568,6 @@
   max-height: 108px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/material-dark.css

@@ -568,14 +568,6 @@
   max-height: 108px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/material-lite.css

@@ -573,14 +573,6 @@
   max-height: 108px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/material.css

@@ -573,14 +573,6 @@
   max-height: 108px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/material3-dark-lite.css

@@ -494,14 +494,6 @@
   max-height: 84px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/material3-dark.css

@@ -494,14 +494,6 @@
   max-height: 84px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/material3-lite.css

@@ -496,14 +496,6 @@
   max-height: 84px;
 }
 
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-open) .e-ribbon-tooltip.e-popup-open {
-  visibility: hidden;
-}
-
-body:has(.e-ribbon.e-rbn .e-ribbon-tooltip-target .e-ribbon-hover:not(.e-ribbon-open)) .e-ribbon-tooltip.e-popup-open {
-  visibility: visible;
-}
-
 .e-ribbon-backstage-popup.e-ribbon-backstage-open {
   display: -webkit-box;
   display: -ms-flexbox;