@syncfusion/ej2-dropdowns 24.2.6 → 24.2.7

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.
@@ -7241,7 +7241,7 @@ let DropDownTree = class DropDownTree extends Component {
7241
7241
  this.ensurePlaceHolder();
7242
7242
  ariaState = state === 'check' ? 'true' : 'false';
7243
7243
  if (!isNullOrUndefined(ariaState)) {
7244
- wrapper.setAttribute('aria-checked', ariaState);
7244
+ wrapper.parentElement.setAttribute('aria-checked', ariaState);
7245
7245
  }
7246
7246
  }
7247
7247
  setLocale(unSelect) {
@@ -8027,7 +8027,7 @@ let DropDownTree = class DropDownTree extends Component {
8027
8027
  }
8028
8028
  if (this.showSelectAll && this.checkBoxElement) {
8029
8029
  const nodes = this.treeObj.element.querySelectorAll('li');
8030
- const checkedNodes = this.treeObj.element.querySelectorAll('li .e-checkbox-wrapper[aria-checked=true]');
8030
+ const checkedNodes = this.treeObj.element.querySelectorAll('li[aria-checked=true]');
8031
8031
  const wrap = closest(this.checkBoxElement, '.' + CHECKBOXWRAP);
8032
8032
  if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0 || (!isNullOrUndefined(args.data[0]) && args.data[0].isChecked === 'false'))) {
8033
8033
  this.isReverseUpdate = true;
@@ -11430,7 +11430,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
11430
11430
  }
11431
11431
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
11432
11432
  openClick(e) {
11433
- if (!this.openOnClick && this.mode !== 'CheckBox') {
11433
+ if (!this.openOnClick && this.mode !== 'CheckBox' && !this.isPopupOpen()) {
11434
11434
  if (this.targetElement() !== '') {
11435
11435
  this.showPopup();
11436
11436
  }
@@ -12600,7 +12600,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
12600
12600
  this.trigger('removed', eventArgs);
12601
12601
  const targetEle = eve && eve.currentTarget;
12602
12602
  const isSelectAll = (targetEle && targetEle.classList.contains('e-selectall-parent')) ? true : null;
12603
- if (!this.changeOnBlur && !isClearAll && (eve && length && !isSelectAll)) {
12603
+ if (!this.changeOnBlur && !isClearAll && (eve && length && !isSelectAll && this.isSelectAllTarget)) {
12604
12604
  this.updateValueState(eve, this.value, this.tempValues);
12605
12605
  }
12606
12606
  if (length) {
@@ -13270,6 +13270,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
13270
13270
  this.backCommand = true;
13271
13271
  this.isCustomRendered = false;
13272
13272
  this.isRemoteSelection = false;
13273
+ this.isSelectAllTarget = true;
13273
13274
  }
13274
13275
  updateData(delimiterChar, e) {
13275
13276
  let data = '';
@@ -14184,6 +14185,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
14184
14185
  count = state ? this.maximumSelectionLength - (this.value ? this.value.length : 0) : this.maximumSelectionLength;
14185
14186
  }
14186
14187
  if (!beforeSelectArgs.preventSelectEvent) {
14188
+ this.isSelectAllTarget = (length === index + 1);
14187
14189
  while (index < length && index <= 50 && index < count) {
14188
14190
  this.updateListSelection(li[index], event, length - index);
14189
14191
  if (this.enableGroupCheckBox) {
@@ -14194,6 +14196,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
14194
14196
  if (length > 50) {
14195
14197
  setTimeout(() => {
14196
14198
  while (index < length && index < count) {
14199
+ this.isSelectAllTarget = (length === index + 1);
14197
14200
  this.updateListSelection(li[index], event, length - index);
14198
14201
  if (this.enableGroupCheckBox) {
14199
14202
  this.findGroupStart(li[index]);
@@ -14206,6 +14209,12 @@ let MultiSelect = class MultiSelect extends DropDownBase {
14206
14209
  this.isSelectAll = this.isSelectAll ? !this.isSelectAll : this.isSelectAll;
14207
14210
  }
14208
14211
  this.updateHiddenElement();
14212
+ if (this.popupWrapper && li[index - 1].classList.contains('e-item-focus')) {
14213
+ const selectAllParent = document.getElementsByClassName('e-selectall-parent')[0];
14214
+ if (selectAllParent && selectAllParent.classList.contains('e-item-focus')) {
14215
+ li[index - 1].classList.remove('e-item-focus');
14216
+ }
14217
+ }
14209
14218
  }, 0);
14210
14219
  }
14211
14220
  }
@@ -14303,7 +14312,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
14303
14312
  }
14304
14313
  if (this.mode === 'CheckBox') {
14305
14314
  this.updateDelimView();
14306
- if (!(isRemoveAll || this.isSelectAll)) {
14315
+ if (!(isRemoveAll || this.isSelectAll) && this.isSelectAllTarget) {
14307
14316
  this.updateDelimeter(this.delimiterChar, event);
14308
14317
  }
14309
14318
  this.refreshInputHight();
@@ -19028,7 +19037,7 @@ let Mention = class Mention extends DropDownBase {
19028
19037
  for (let i = 0; i < iframes.length; i++) {
19029
19038
  // eslint-disable-next-line security/detect-object-injection
19030
19039
  const iframe = iframes[i];
19031
- if (iframe.contentDocument.contains(element)) {
19040
+ if (iframe.contentDocument && iframe.contentDocument.contains(element)) {
19032
19041
  const iframeRect = iframe.getBoundingClientRect();
19033
19042
  rectTop += iframeRect.top;
19034
19043
  rectLeft += iframeRect.left;