@syncfusion/ej2-splitbuttons 20.4.48 → 20.4.50

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.
@@ -844,12 +844,13 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
844
844
  }
845
845
  break;
846
846
  case 'cssClass':
847
- if (newProp.cssClass.indexOf(classNames.VERTICAL) > -1) {
847
+ if (newProp.cssClass.indexOf(classNames.VERTICAL) > -1 || oldProp.cssClass.indexOf(classNames.VERTICAL) > -1) {
848
848
  if (!this.element.querySelector('span.e-caret')) {
849
849
  this.appendArrowSpan();
850
850
  }
851
851
  var arrowSpan = this.element.querySelector('span.e-caret');
852
- classList(arrowSpan, ['e-icon-bottom'], ['e-icon-right']);
852
+ newProp.cssClass.indexOf(classNames.VERTICAL) > -1 ? classList(arrowSpan, ['e-icon-bottom'], ['e-icon-right'])
853
+ : classList(arrowSpan, ['e-icon-right'], ['e-icon-bottom']);
853
854
  }
854
855
  if (this.isPopupCreated) {
855
856
  if (oldProp.cssClass) {
@@ -1130,6 +1131,10 @@ var SplitButton = /** @__PURE__ @class */ (function (_super) {
1130
1131
  _this.trigger('select', args);
1131
1132
  };
1132
1133
  dropDownBtnModel.beforeOpen = function (args) {
1134
+ if (_this.createPopupOnClick && _this.items.length == 0) {
1135
+ _this.secondaryBtnObj.dropDown.relateTo = _this.wrapper;
1136
+ _this.dropDown = _this.secondaryBtnObj.dropDown;
1137
+ }
1133
1138
  var callBackPromise = new Deferred();
1134
1139
  _this.trigger('beforeOpen', args, function (observedArgs) {
1135
1140
  callBackPromise.resolve(observedArgs);