@syncfusion/ej2-dropdowns 24.1.47 → 24.2.4

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.1.47
+*  version : 24.2.4
 *  Copyright Syncfusion Inc. 2001 - 2023. 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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@24.1.46",
+  "_id": "@syncfusion/ej2-dropdowns@24.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-6ttJwAJ0s01v8PmOfQxYKsoFj/rRd0vyw/NFV3giPq6tMJeNAPBM3CT7KvSrV/GnEf6hrfcqtr1DWisD3wNB5g==",
+  "_integrity": "sha512-hXy1nqT6TdHCVMDPM10XQ4SMSo+Now+rQMsS1IJ66YGH9GMvuzLwW5WZhgjncbEv8wzyRLaUr+VtJuTGs1OdSA==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -34,8 +34,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-24.1.46.tgz",
-  "_shasum": "77730cdc21251e20eb60d0be19bc556ff7aa89d4",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-24.2.3.tgz",
+  "_shasum": "75b2f842f8bf20f36606b4c5f4ab4ace100eae91",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -43,13 +43,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.1.46",
-    "@syncfusion/ej2-data": "~24.1.41",
-    "@syncfusion/ej2-inputs": "~24.1.47",
-    "@syncfusion/ej2-lists": "~24.1.46",
-    "@syncfusion/ej2-navigations": "~24.1.46",
-    "@syncfusion/ej2-notifications": "~24.1.41",
-    "@syncfusion/ej2-popups": "~24.1.46"
+    "@syncfusion/ej2-base": "~24.2.3",
+    "@syncfusion/ej2-data": "~24.2.3",
+    "@syncfusion/ej2-inputs": "~24.2.4",
+    "@syncfusion/ej2-lists": "~24.2.4",
+    "@syncfusion/ej2-navigations": "~24.2.4",
+    "@syncfusion/ej2-notifications": "~24.2.4",
+    "@syncfusion/ej2-popups": "~24.2.3"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -74,7 +74,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "24.1.47",
+  "version": "24.2.4",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/drop-down-base/drop-down-base.js

@@ -278,7 +278,7 @@ var DropDownBase = /** @class */ (function (_super) {
                         }
                     }
                     else {
-                        if (noDataElement[i] instanceof HTMLElement) {
+                        if (noDataElement[i] instanceof HTMLElement || noDataElement[i] instanceof Text) {
                             ele.appendChild(noDataElement[i]);
                         }
                     }

package/src/drop-down-list/drop-down-list.js

@@ -1238,6 +1238,9 @@ var DropDownList = /** @class */ (function (_super) {
             if (this.inputWrapper.container.classList.contains(dropDownListClasses.inputFocus) || this.isPopupOpen) {
                 this.isDocumentClick = true;
                 var isActive = this.isRequested;
+                if (this.getModuleName() === 'combobox' && this.isTyped) {
+                    this.isInteracted = false;
+                }
                 this.hidePopup(e);
                 this.isInteracted = false;
                 if (!isActive) {
@@ -1926,6 +1929,11 @@ var DropDownList = /** @class */ (function (_super) {
                     this.virtualListInfo = null;
                 }
                 this.resetList(dataSource, fields, query);
+                if (this.getModuleName() === 'dropdownlist' && this.list.classList.contains(dropDownBaseClasses.noData)) {
+                    this.popupContentElement.setAttribute('role', 'status');
+                    this.popupContentElement.setAttribute('id', 'no-record');
+                    attributes(this.filterInputObj.container, { 'aria-activedescendant': 'no-record' });
+                }
                 if (this.enableVirtualization && isNoData && !this.list.classList.contains(dropDownBaseClasses.noData)) {
                     if (!this.list.querySelector('.e-virtual-ddl-content')) {
                         this.list.appendChild(this.createElement('div', {
@@ -2474,6 +2482,11 @@ var DropDownList = /** @class */ (function (_super) {
                     }, 5);
                 }
                 attributes(_this.targetElement(), { 'aria-expanded': 'true', 'aria-owns': _this.element.id + '_popup', 'aria-controls': _this.element.id });
+                if (_this.getModuleName() !== 'dropdownlist' && _this.list.classList.contains('e-nodata')) {
+                    attributes(_this.targetElement(), { 'aria-activedescendant': 'no-record' });
+                    _this.popupContentElement.setAttribute('role', 'status');
+                    _this.popupContentElement.setAttribute('id', 'no-record');
+                }
                 _this.inputElement.setAttribute('aria-expanded', 'true');
                 _this.inputElement.setAttribute('aria-controls', _this.element.id);
                 var inputParent = _this.isFiltering() ? _this.filterInput.parentElement : _this.inputWrapper.container;
@@ -3775,6 +3788,9 @@ var DropDownList = /** @class */ (function (_super) {
             this.clearTemplate();
         }
         this.hidePopup();
+        if (this.popupObj) {
+            this.popupObj.hide();
+        }
         this.unWireEvent();
         if (this.list) {
             this.unWireListEvents();

package/src/drop-down-tree/drop-down-tree.js

@@ -1944,9 +1944,6 @@ var DropDownTree = /** @class */ (function (_super) {
             if (this.value === null) {
                 this.setProperties({ value: [] }, true);
             }
-            if (args.node.classList.contains("e-active")) {
-                this.hidePopup();
-            }
         }
     };
     DropDownTree.prototype.updateHiddenValue = function () {

package/src/list-box/list-box-model.d.ts

@@ -1,4 +1,4 @@
-import { Input, InputObject } from '@syncfusion/ej2-inputs';import { DropDownBase, dropDownBaseClasses, FilteringEventArgs, SelectEventArgs } from '../drop-down-base/drop-down-base';import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';import { EventHandler, closest, removeClass, addClass, Complex, Property, ChildProperty, BaseEventArgs, L10n } from '@syncfusion/ej2-base';import { ModuleDeclaration, NotifyPropertyChanges, getComponent, EmitType, Event, extend, detach, attributes } from '@syncfusion/ej2-base';import { getUniqueID, Browser, formatUnit, isNullOrUndefined, getValue } from '@syncfusion/ej2-base';import { prepend, append } from '@syncfusion/ej2-base';import { cssClass, Sortable, moveTo } from '@syncfusion/ej2-lists';import { Button } from '@syncfusion/ej2-buttons';import { createSpinner, showSpinner, hideSpinner, getZindexPartial } from '@syncfusion/ej2-popups';import { DataManager, Query } from '@syncfusion/ej2-data';
+import { Input, InputObject } from '@syncfusion/ej2-inputs';import { DropDownBase, dropDownBaseClasses, FilteringEventArgs, SelectEventArgs } from '../drop-down-base/drop-down-base';import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';import { EventHandler, closest, removeClass, addClass, Complex, Property, ChildProperty, BaseEventArgs, L10n, setValue } from '@syncfusion/ej2-base';import { ModuleDeclaration, NotifyPropertyChanges, getComponent, EmitType, Event, extend, detach, attributes } from '@syncfusion/ej2-base';import { getUniqueID, Browser, formatUnit, isNullOrUndefined, getValue } from '@syncfusion/ej2-base';import { prepend, append } from '@syncfusion/ej2-base';import { cssClass, Sortable, moveTo } from '@syncfusion/ej2-lists';import { Button } from '@syncfusion/ej2-buttons';import { createSpinner, showSpinner, hideSpinner, getZindexPartial } from '@syncfusion/ej2-popups';import { DataManager, Query } from '@syncfusion/ej2-data';
 import {SelectionMode,CheckBoxPosition,ToolBarPosition,BeforeItemRenderEventArgs,ListBoxChangeEventArgs,DropEventArgs,DragEventArgs} from "./list-box";
 import {DropDownBaseModel} from "../drop-down-base/drop-down-base-model";
 

package/src/list-box/list-box.js

@@ -21,7 +21,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 /// <reference path='../drop-down-base/drop-down-base-model.d.ts'/>
 import { Input } from '@syncfusion/ej2-inputs';
 import { DropDownBase, dropDownBaseClasses } from '../drop-down-base/drop-down-base';
-import { EventHandler, closest, removeClass, addClass, Complex, Property, ChildProperty, L10n } from '@syncfusion/ej2-base';
+import { EventHandler, closest, removeClass, addClass, Complex, Property, ChildProperty, L10n, setValue } from '@syncfusion/ej2-base';
 import { NotifyPropertyChanges, getComponent, Event, extend, detach, attributes } from '@syncfusion/ej2-base';
 import { getUniqueID, Browser, formatUnit, isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { prepend, append } from '@syncfusion/ej2-base';
@@ -125,6 +125,13 @@ var ListBox = /** @class */ (function (_super) {
      * @returns {void}
      */
     ListBox.prototype.render = function () {
+        if (this.isAngular && this.allowFiltering) {
+            var originalElement = this.element;
+            var clonedElement = originalElement.cloneNode(true);
+            originalElement.parentNode.replaceChild(clonedElement, originalElement);
+            this.element = clonedElement;
+            setValue('ej2_instances', [this], this.element);
+        }
         this.inputString = '';
         this.initLoad = true;
         this.isCustomFiltering = false;

package/src/mention/mention.js

@@ -692,6 +692,7 @@ var Mention = /** @class */ (function (_super) {
                     _this.inputElement.parentElement.parentElement.classList.contains('e-richtexteditor')) {
                     if (popupEle_1.firstElementChild && popupEle_1.firstElementChild.childElementCount > 0) {
                         popupEle_1.firstElementChild.setAttribute('aria-owns', _this.inputElement.parentElement.parentElement.id);
+                        addClass([popupEle_1], 'e-rte-elements');
                     }
                 }
                 if ((!_this.popupObj || !document.body.contains(_this.popupObj.element)) ||

package/src/multi-select/multi-select-model.d.ts

@@ -87,7 +87,7 @@ export interface MultiSelectModel extends DropDownBaseModel{
     /**
      * Defines whether to allow the cross-scripting site or not.
      *
-     * @default false
+     * @default true
      */
     enableHtmlSanitizer?: boolean;
 

package/src/multi-select/multi-select.d.ts

@@ -49,6 +49,8 @@ export declare class MultiSelect extends DropDownBase implements IInput {
     private previousFilterText;
     private selectedElementID;
     private focusFirstListItem;
+    private isCustomRendered;
+    private isRemoteSelection;
     /**
      * The `fields` property maps the columns of the data table and binds the data to the component.
      * * text - Maps the text column from data table for each list item.
@@ -122,7 +124,7 @@ export declare class MultiSelect extends DropDownBase implements IInput {
     /**
      * Defines whether to allow the cross-scripting site or not.
      *
-     * @default false
+     * @default true
      */
     enableHtmlSanitizer: boolean;
     /**

package/src/multi-select/multi-select.js

@@ -437,6 +437,12 @@ var MultiSelect = /** @class */ (function (_super) {
         else {
             this.updateActionList(ulElement, list, e);
         }
+        if (this.dataSource instanceof DataManager && this.allowCustomValue && !this.isCustomRendered && this.inputElement.value && this.inputElement.value !== '') {
+            var query = new Query();
+            query = this.allowFiltering ? query.where(this.fields.text, 'startswith', this.inputElement.value, this.ignoreCase, this.ignoreAccent) : query;
+            this.checkForCustomValue(query, this.fields);
+            this.isCustomRendered = true;
+        }
         if (this.dataSource instanceof DataManager && this.mode === 'CheckBox' && this.allowFiltering) {
             this.removeFocus();
         }
@@ -458,7 +464,9 @@ var MultiSelect = /** @class */ (function (_super) {
         if ((this.remoteCustomValue || list.length <= 0) && this.allowCustomValue && this.inputFocus && this.allowFiltering &&
             this.inputElement.value && this.inputElement.value !== '') {
             this.checkForCustomValue(this.tempQuery, this.fields);
-            return;
+            if (this.isCustomRendered) {
+                return;
+            }
         }
         if (this.value && this.value.length && ((this.mode !== 'CheckBox' && !isNullOrUndefined(this.inputElement) && this.inputElement.value.trim() !== '') ||
             this.mode === 'CheckBox' || ((this.keyCode === 8 || this.keyCode === 46) && this.allowFiltering &&
@@ -725,12 +733,12 @@ var MultiSelect = /** @class */ (function (_super) {
     };
     MultiSelect.prototype.checkForCustomValue = function (query, fields) {
         var dataChecks = !this.getValueByText(this.inputElement.value, this.ignoreCase);
+        var field = fields ? fields : this.fields;
         if (this.allowCustomValue && dataChecks) {
             var value = this.inputElement.value;
-            var field = fields ? fields : this.fields;
             var customData = (!isNullOrUndefined(this.mainData) && this.mainData.length > 0) ?
                 this.mainData[0] : this.mainData;
-            if (typeof (customData) !== 'string' && typeof (customData) !== 'number' && typeof (customData) !== 'boolean') {
+            if (customData && typeof (customData) !== 'string' && typeof (customData) !== 'number' && typeof (customData) !== 'boolean') {
                 var dataItem = {};
                 setValue(field.text, value, dataItem);
                 if (typeof getValue((this.fields.value ? this.fields.value : 'value'), customData)
@@ -744,7 +752,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 tempData.splice(0, 0, dataItem);
                 this.resetList(tempData, field, query);
             }
-            else {
+            else if (this.listData) {
                 var tempData = JSON.parse(JSON.stringify(this.listData));
                 tempData.splice(0, 0, this.inputElement.value);
                 tempData[0] = (typeof customData === 'number' && !isNaN(parseFloat(tempData[0]))) ?
@@ -754,6 +762,19 @@ var MultiSelect = /** @class */ (function (_super) {
                 this.resetList(tempData, field);
             }
         }
+        else if (this.listData && this.mainData && !dataChecks && this.allowCustomValue) {
+            if (this.allowFiltering && this.isRemoteSelection && this.remoteCustomValue) {
+                this.isRemoteSelection = false;
+                this.resetList(this.listData, field, query);
+            }
+            else if (!this.allowFiltering && this.list) {
+                var liCollections = this.list.querySelectorAll('li.' + dropDownBaseClasses.li + ':not(.e-hide-listitem)');
+                var activeElement = Search(this.targetElement(), liCollections, 'StartsWith', this.ignoreCase);
+                if (activeElement && activeElement.item !== null) {
+                    this.addListFocus(activeElement.item);
+                }
+            }
+        }
         if (this.value && this.value.length) {
             this.refreshSelection();
         }
@@ -2381,6 +2402,9 @@ var MultiSelect = /** @class */ (function (_super) {
         else {
             var text = this.targetElement();
             if (this.allowFiltering) {
+                if (this.allowCustomValue) {
+                    this.isRemoteSelection = true;
+                }
                 var eventArgs_1 = {
                     preventDefaultAction: false,
                     text: this.targetElement(),
@@ -2406,7 +2430,7 @@ var MultiSelect = /** @class */ (function (_super) {
             }
             else if (this.allowCustomValue) {
                 var query = new Query();
-                query = (text !== '') ? query.where(this.fields.text, 'startswith', text, this.ignoreCase, this.ignoreAccent) : query;
+                query = this.allowFiltering && (text !== '') ? query.where(this.fields.text, 'startswith', text, this.ignoreCase, this.ignoreAccent) : query;
                 this.dataUpdater(this.mainData, query, this.fields);
             }
             else {
@@ -2448,6 +2472,8 @@ var MultiSelect = /** @class */ (function (_super) {
         this.focused = true;
         this.initial = true;
         this.backCommand = true;
+        this.isCustomRendered = false;
+        this.isRemoteSelection = false;
     };
     MultiSelect.prototype.updateData = function (delimiterChar, e) {
         var data = '';
@@ -4229,7 +4255,7 @@ var MultiSelect = /** @class */ (function (_super) {
         Property(true)
     ], MultiSelect.prototype, "enabled", void 0);
     __decorate([
-        Property(false)
+        Property(true)
     ], MultiSelect.prototype, "enableHtmlSanitizer", void 0);
     __decorate([
         Property([])

package/styles/bootstrap-dark.css

@@ -107,11 +107,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0070f0;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #414141;
   height: auto;

package/styles/bootstrap.css

@@ -107,11 +107,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #317ab9;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid rgba(119, 119, 119, 0.25);
   height: auto;

package/styles/bootstrap4.css

@@ -117,11 +117,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #007bff;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid rgba(0, 0, 0, 0.15);
   height: auto;

package/styles/bootstrap5-dark.css

@@ -133,11 +133,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0d6efd;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #444c54;
   height: auto;

package/styles/bootstrap5.css

@@ -133,11 +133,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0d6efd;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #dee2e6;
   height: auto;

package/styles/drop-down-base/_layout.scss

@@ -101,11 +101,6 @@
     cursor: default;
   }
 
-  .e-mention .e-mention-chip::selection {
-    color: $mention-gradient-color;
-    background: $mention-active-font-color;
-  }
-
   .e-mention.e-editable-element {
     border: 2px solid $ddl-list-border-color;
     height: auto;

package/styles/drop-down-base/bootstrap-dark.css

@@ -107,11 +107,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0070f0;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #414141;
   height: auto;

package/styles/drop-down-base/bootstrap.css

@@ -107,11 +107,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #317ab9;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid rgba(119, 119, 119, 0.25);
   height: auto;

package/styles/drop-down-base/bootstrap4.css

@@ -117,11 +117,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #007bff;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid rgba(0, 0, 0, 0.15);
   height: auto;

package/styles/drop-down-base/bootstrap5-dark.css

@@ -133,11 +133,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0d6efd;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #444c54;
   height: auto;

package/styles/drop-down-base/bootstrap5.css

@@ -133,11 +133,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0d6efd;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #dee2e6;
   height: auto;

package/styles/drop-down-base/fabric-dark.css

@@ -107,11 +107,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0074cc;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #414040;
   height: auto;

package/styles/drop-down-base/fabric.css

@@ -107,11 +107,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0078d6;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid rgba(234, 234, 234, 0.25);
   height: auto;

package/styles/drop-down-base/fluent-dark.css

@@ -133,11 +133,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0078d4;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #292827;
   height: auto;

package/styles/drop-down-base/fluent.css

@@ -133,11 +133,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0078d4;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #edebe9;
   height: auto;

package/styles/drop-down-base/highcontrast-light.css

@@ -121,11 +121,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #000;
-  background: #400074;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #757575;
   height: auto;

package/styles/drop-down-base/highcontrast.css

@@ -121,11 +121,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #000;
-  background: #ffd939;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #969696;
   height: auto;

package/styles/drop-down-base/material-dark.css

@@ -106,11 +106,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #000;
-  background: #00b0ff;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid transparent;
   height: auto;

package/styles/drop-down-base/material.css

@@ -106,11 +106,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #e3165b;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #e0e0e0;
   height: auto;

package/styles/drop-down-base/material3-dark.css

@@ -160,11 +160,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: rgba(var(--color-sf-surface));
-  background: rgba(var(--color-sf-primary));
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #e0e0e0;
   height: auto;

package/styles/drop-down-base/material3.css

@@ -216,11 +216,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: rgba(var(--color-sf-surface));
-  background: rgba(var(--color-sf-primary));
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #e0e0e0;
   height: auto;

package/styles/drop-down-base/tailwind-dark.css

@@ -141,11 +141,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #22d3ee;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #4b5563;
   height: auto;

package/styles/drop-down-base/tailwind.css

@@ -141,11 +141,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #4f46e5;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #e5e7eb;
   height: auto;

package/styles/fabric-dark.css

@@ -107,11 +107,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0074cc;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #414040;
   height: auto;

package/styles/fabric.css

@@ -107,11 +107,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0078d6;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid rgba(234, 234, 234, 0.25);
   height: auto;

package/styles/fluent-dark.css

@@ -133,11 +133,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0078d4;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #292827;
   height: auto;

package/styles/fluent.css

@@ -133,11 +133,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0078d4;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #edebe9;
   height: auto;