@syncfusion/ej2-dropdowns 20.1.60 → 20.1.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2474,11 +2474,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
2474
2474
  if (this.setValue(e)) {
2475
2475
  return;
2476
2476
  }
2477
- if (this.isPopupOpen) {
2478
- attributes(this.targetElement(), { 'aria-activedescendant': this.selectedLI ? this.selectedLI.id : null });
2479
- if (this.isFilterLayout() && this.filterInput) {
2480
- attributes(this.filterInput, { 'aria-activedescendant': this.selectedLI ? this.selectedLI.id : null });
2481
- }
2477
+ attributes(this.targetElement(), { 'aria-activedescendant': this.selectedLI ? this.selectedLI.id : null });
2478
+ if (this.isFilterLayout() && this.filterInput) {
2479
+ attributes(this.filterInput, { 'aria-activedescendant': this.selectedLI ? this.selectedLI.id : null });
2482
2480
  }
2483
2481
  if ((!this.isPopupOpen && !isNullOrUndefined(li)) || (this.isPopupOpen && !isNullOrUndefined(e) &&
2484
2482
  (e.type !== 'keydown' || e.type === 'keydown' && e.action === 'enter'))) {
@@ -3452,7 +3450,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
3452
3450
  EventHandler.remove(this.filterInput, 'paste', this.pasteHandler);
3453
3451
  this.filterInput = null;
3454
3452
  }
3455
- attributes(this.targetElement(), { 'aria-expanded': 'false', 'aria-activedescendant': null });
3453
+ attributes(this.targetElement(), { 'aria-expanded': 'false' });
3456
3454
  this.inputWrapper.container.classList.remove(dropDownListClasses.iconAnimation);
3457
3455
  if (this.isFiltering()) {
3458
3456
  this.actionCompleteData.isUpdated = false;
@@ -3685,7 +3683,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
3685
3683
  || (!(props.dataSource instanceof DataManager) && props.dataSource.length === 0)))) {
3686
3684
  this.clearAll(null, props);
3687
3685
  }
3688
- if ((this.fields.groupBy && props.fields) && !this.isGroupChecking) {
3686
+ if ((this.fields.groupBy && props.fields) && !this.isGroupChecking && this.list) {
3689
3687
  EventHandler.remove(this.list, 'scroll', this.setFloatingHeader);
3690
3688
  EventHandler.add(this.list, 'scroll', this.setFloatingHeader, this);
3691
3689
  }
@@ -8975,7 +8973,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
8975
8973
  else if (containerAttr.indexOf(htmlAttr) > -1) {
8976
8974
  this.overAllWrapper.setAttribute(htmlAttr, this.htmlAttributes[htmlAttr]);
8977
8975
  }
8978
- else {
8976
+ else if (htmlAttr !== 'size') {
8979
8977
  this.inputElement.setAttribute(htmlAttr, this.htmlAttributes[htmlAttr]);
8980
8978
  }
8981
8979
  break;
@@ -10008,7 +10006,6 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
10008
10006
  if (!document.activeElement.classList.contains(FILTERINPUT)) {
10009
10007
  e.preventDefault();
10010
10008
  this.keyAction = true;
10011
- this.list.focus();
10012
10009
  }
10013
10010
  this.selectByKey(e);
10014
10011
  }
@@ -13612,6 +13609,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
13612
13609
  };
13613
13610
  ListBox.prototype.initWrapper = function () {
13614
13611
  var hiddenSelect = this.createElement('select', { className: 'e-hidden-select', attrs: { 'multiple': '' } });
13612
+ hiddenSelect.style.visibility = 'hidden';
13615
13613
  this.list.classList.add('e-listbox-wrapper');
13616
13614
  if (this.itemTemplate) {
13617
13615
  this.list.classList.add('e-list-template');
@@ -13940,12 +13938,12 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
13940
13938
  }
13941
13939
  };
13942
13940
  ListBox.prototype.beforeDragEnd = function (args) {
13943
- var dragValue = this.getFormattedValue(args.droppedElement.getAttribute('data-value'));
13944
- if (this.value.indexOf(dragValue) > -1) {
13941
+ this.dragValue = this.getFormattedValue(args.droppedElement.getAttribute('data-value'));
13942
+ if (this.value.indexOf(this.dragValue) > -1) {
13945
13943
  args.items = this.getDataByValues(this.value);
13946
13944
  }
13947
13945
  else {
13948
- args.items = this.getDataByValues([dragValue]);
13946
+ args.items = this.getDataByValues([this.dragValue]);
13949
13947
  }
13950
13948
  this.trigger('beforeDrop', args);
13951
13949
  };
@@ -15078,7 +15076,16 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
15078
15076
  return listObj;
15079
15077
  };
15080
15078
  ListBox.prototype.getGrabbedItems = function () {
15081
- var elems = Array.prototype.slice.call(this.element.querySelectorAll('.e-grabbed'));
15079
+ for (var i = 0; i < this.value.length; i++) {
15080
+ if (this.value[i] === this.dragValue) {
15081
+ var liColl = this.list.querySelectorAll('[aria-selected="true"]');
15082
+ for (var i_1 = 0; i_1 < liColl.length; i_1++) {
15083
+ liColl[i_1].classList.add('e-grabbed');
15084
+ }
15085
+ break;
15086
+ }
15087
+ }
15088
+ var elems = Array.prototype.slice.call(this.element.nextElementSibling.querySelectorAll('.e-grabbed'));
15082
15089
  return elems;
15083
15090
  };
15084
15091
  ListBox.prototype.getDragArgs = function (args, isDragEnd) {