@syncfusion/ej2-dropdowns 22.2.5 → 22.2.8

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.
@@ -3210,7 +3210,6 @@ let DropDownList = class DropDownList extends DropDownBase {
3210
3210
  this.getFocusElement();
3211
3211
  this.createPopup(popupEle, offsetValue, left);
3212
3212
  this.checkCollision(popupEle);
3213
- const popupLeft = this.enableRtl ? parseFloat(popupEle.style.left) - (this.ulElement.parentElement.offsetWidth - this.inputWrapper.container.offsetWidth) : 0;
3214
3213
  if (Browser.isDevice) {
3215
3214
  this.popupObj.element.classList.add(dropDownListClasses.device);
3216
3215
  if (this.getModuleName() === 'dropdownlist' || (this.getModuleName() === 'combobox'
@@ -3263,9 +3262,6 @@ let DropDownList = class DropDownList extends DropDownBase {
3263
3262
  this.beforePopupOpen = false;
3264
3263
  this.destroyPopup();
3265
3264
  }
3266
- if (this.enableRtl && popupLeft > 0) {
3267
- popupEle.style.left = popupLeft + "px";
3268
- }
3269
3265
  });
3270
3266
  }
3271
3267
  else {
@@ -3292,7 +3288,8 @@ let DropDownList = class DropDownList extends DropDownBase {
3292
3288
  this.popupObj = new Popup(element, {
3293
3289
  width: this.setWidth(), targetType: 'relative',
3294
3290
  relateTo: this.inputWrapper.container, collision: { X: 'flip', Y: 'flip' }, offsetY: offsetValue,
3295
- enableRtl: this.enableRtl, offsetX: left, position: { X: 'left', Y: 'bottom' },
3291
+ enableRtl: this.enableRtl, offsetX: left,
3292
+ position: this.enableRtl ? { X: 'right', Y: 'bottom' } : { X: 'left', Y: 'bottom' },
3296
3293
  zIndex: this.zIndex,
3297
3294
  close: () => {
3298
3295
  if (!this.isDocumentClick) {
@@ -9246,9 +9243,6 @@ let MultiSelect = class MultiSelect extends DropDownBase {
9246
9243
  if (this.isFirstClick) {
9247
9244
  this.loadTemplate();
9248
9245
  }
9249
- if (this.enableRtl) {
9250
- this.popupWrapper.style.visibility = 'hidden';
9251
- }
9252
9246
  }
9253
9247
  });
9254
9248
  }
@@ -11096,7 +11090,8 @@ let MultiSelect = class MultiSelect extends DropDownBase {
11096
11090
  this.list.style.maxHeight = formatUnit(this.popupHeight);
11097
11091
  }
11098
11092
  this.popupObj = new Popup(this.popupWrapper, {
11099
- width: this.calcPopupWidth(), targetType: 'relative', position: { X: 'left', Y: 'bottom' },
11093
+ width: this.calcPopupWidth(), targetType: 'relative',
11094
+ position: this.enableRtl ? { X: 'right', Y: 'bottom' } : { X: 'left', Y: 'bottom' },
11100
11095
  relateTo: this.overAllWrapper, collision: { X: 'flip', Y: 'flip' }, offsetY: 1,
11101
11096
  enableRtl: this.enableRtl, zIndex: this.zIndex,
11102
11097
  close: () => {
@@ -11112,11 +11107,6 @@ let MultiSelect = class MultiSelect extends DropDownBase {
11112
11107
  },
11113
11108
  open: () => {
11114
11109
  this.popupObj.resolveCollision();
11115
- if (this.enableRtl) {
11116
- const popupLeft = parseFloat(this.popupWrapper.style.left) - (this.popupWrapper.offsetWidth - this.overAllWrapper.offsetWidth);
11117
- this.popupWrapper.style.left = popupLeft > 0 ? popupLeft + "px" : this.popupWrapper.style.left;
11118
- this.popupWrapper.style.visibility = 'hidden';
11119
- }
11120
11110
  if (!this.isFirstClick) {
11121
11111
  const ulElement = this.list.querySelector('ul');
11122
11112
  if (ulElement) {