@syncfusion/ej2-navigations 20.2.49 → 20.2.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.
@@ -8432,8 +8432,8 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
8432
8432
  }
8433
8433
  else {
8434
8434
  if (this.overflowMode === 'MultiRow') {
8435
- var bar_1 = select('.' + CLS_INDICATOR, this.element);
8436
- setStyleAttribute(bar_1, { 'top': trg.offsetHeight + trg.offsetTop + 'px', 'height': '' });
8435
+ var top_1 = this.headerPlacement === 'Bottom' ? trg.offsetTop : trg.offsetHeight + trg.offsetTop;
8436
+ setStyleAttribute(bar, { 'top': top_1 + 'px', 'height': '' });
8437
8437
  }
8438
8438
  else {
8439
8439
  setStyleAttribute(bar, { 'top': '', 'height': '' });
@@ -12486,27 +12486,37 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
12486
12486
  this.trigger('nodeEditing', eventArgs, function (observedArgs) {
12487
12487
  if (!observedArgs.cancel) {
12488
12488
  var inpWidth = textEle.offsetWidth + 5;
12489
- var style = 'width:' + inpWidth + 'px';
12489
+ var style_1 = 'width:' + inpWidth + 'px';
12490
12490
  addClass([liEle], EDITING);
12491
12491
  if (!isNullOrUndefined(_this.nodeTemplateFn)) {
12492
12492
  _this.destroyTemplate(liEle);
12493
12493
  }
12494
- textEle.innerHTML = eventArgs.innerHtml;
12495
- var inpEle = select('.' + TREEINPUT, textEle);
12496
- _this.inputObj = Input.createInput({
12497
- element: inpEle,
12498
- properties: {
12499
- enableRtl: _this.enableRtl,
12500
- }
12501
- }, _this.createElement);
12502
- _this.inputObj.container.setAttribute('style', style);
12503
- inpEle.focus();
12504
- var inputEle = inpEle;
12505
- inputEle.setSelectionRange(0, inputEle.value.length);
12506
- _this.wireInputEvents(inpEle);
12494
+ if (_this.isReact) {
12495
+ setTimeout(function () {
12496
+ _this.renderTextBox(eventArgs, textEle, style_1);
12497
+ }, 5);
12498
+ }
12499
+ else {
12500
+ _this.renderTextBox(eventArgs, textEle, style_1);
12501
+ }
12507
12502
  }
12508
12503
  });
12509
12504
  };
12505
+ TreeView.prototype.renderTextBox = function (eventArgs, textEle, style) {
12506
+ textEle.innerHTML = eventArgs.innerHtml;
12507
+ var inpEle = select('.' + TREEINPUT, textEle);
12508
+ this.inputObj = Input.createInput({
12509
+ element: inpEle,
12510
+ properties: {
12511
+ enableRtl: this.enableRtl,
12512
+ }
12513
+ }, this.createElement);
12514
+ this.inputObj.container.setAttribute('style', style);
12515
+ inpEle.focus();
12516
+ var inputEle = inpEle;
12517
+ inputEle.setSelectionRange(0, inputEle.value.length);
12518
+ this.wireInputEvents(inpEle);
12519
+ };
12510
12520
  TreeView.prototype.updateOldText = function (liEle) {
12511
12521
  var id = liEle.getAttribute('data-uid');
12512
12522
  this.editData = this.getNodeObject(id);