@syncfusion/ej2-dropdowns 22.1.37 → 22.1.38
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.
- package/CHANGELOG.md +2 -0
- package/dist/ej2-dropdowns.min.js +2 -2
- package/dist/ej2-dropdowns.umd.min.js +2 -2
- package/dist/ej2-dropdowns.umd.min.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es2015.js +18 -0
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +34 -16
- package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
- package/dist/global/ej2-dropdowns.min.js +2 -2
- package/dist/global/ej2-dropdowns.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +10 -10
- package/src/drop-down-list/drop-down-list.js +20 -16
- package/src/drop-down-tree/drop-down-tree.js +6 -0
- package/src/multi-select/multi-select.js +8 -0
- package/.eslintrc.json +0 -260
- package/tslint.json +0 -111
|
@@ -3210,6 +3210,7 @@ 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;
|
|
3213
3214
|
if (Browser.isDevice) {
|
|
3214
3215
|
this.popupObj.element.classList.add(dropDownListClasses.device);
|
|
3215
3216
|
if (this.getModuleName() === 'dropdownlist' || (this.getModuleName() === 'combobox'
|
|
@@ -3262,6 +3263,9 @@ let DropDownList = class DropDownList extends DropDownBase {
|
|
|
3262
3263
|
this.beforePopupOpen = false;
|
|
3263
3264
|
this.destroyPopup();
|
|
3264
3265
|
}
|
|
3266
|
+
if (this.enableRtl && popupLeft > 0) {
|
|
3267
|
+
popupEle.style.left = popupLeft + "px";
|
|
3268
|
+
}
|
|
3265
3269
|
});
|
|
3266
3270
|
}
|
|
3267
3271
|
else {
|
|
@@ -4797,6 +4801,12 @@ let DropDownTree = class DropDownTree extends Component {
|
|
|
4797
4801
|
}
|
|
4798
4802
|
this.treeObj.fields = this.getTreeFields(fields);
|
|
4799
4803
|
this.treeObj.dataBind();
|
|
4804
|
+
if (this.hasTemplate && this.portals) {
|
|
4805
|
+
this.portals = [].concat(this.treeObj.portals);
|
|
4806
|
+
if (this.isReact) {
|
|
4807
|
+
this.renderReactTemplates();
|
|
4808
|
+
}
|
|
4809
|
+
}
|
|
4800
4810
|
}
|
|
4801
4811
|
});
|
|
4802
4812
|
}
|
|
@@ -9209,6 +9219,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
|
|
|
9209
9219
|
if (this.isFirstClick) {
|
|
9210
9220
|
this.loadTemplate();
|
|
9211
9221
|
}
|
|
9222
|
+
if (this.enableRtl) {
|
|
9223
|
+
this.popupWrapper.style.visibility = 'hidden';
|
|
9224
|
+
}
|
|
9212
9225
|
}
|
|
9213
9226
|
});
|
|
9214
9227
|
}
|
|
@@ -11072,6 +11085,11 @@ let MultiSelect = class MultiSelect extends DropDownBase {
|
|
|
11072
11085
|
},
|
|
11073
11086
|
open: () => {
|
|
11074
11087
|
this.popupObj.resolveCollision();
|
|
11088
|
+
if (this.enableRtl) {
|
|
11089
|
+
const popupLeft = parseFloat(this.popupWrapper.style.left) - (this.popupWrapper.offsetWidth - this.overAllWrapper.offsetWidth);
|
|
11090
|
+
this.popupWrapper.style.left = popupLeft > 0 ? popupLeft + "px" : this.popupWrapper.style.left;
|
|
11091
|
+
this.popupWrapper.style.visibility = 'hidden';
|
|
11092
|
+
}
|
|
11075
11093
|
if (!this.isFirstClick) {
|
|
11076
11094
|
const ulElement = this.list.querySelector('ul');
|
|
11077
11095
|
if (ulElement) {
|