I am trying to resolve this problem and maybe this happened because i am using <ejs-grid> in <e-accorditem>.
Full code looks like this:
<e-accordionitem expanded='true'>
<ng-template #header>
<div>
<h3>Elementy</h3>
</div>
</ng-template>
<ng-template #content>
<div class="row">
<div class="col-3 mb-2 pt-1">
<ejs-dropdownlist id='ddlElementTemplates' [dataSource]='elementsTemplates' [fields]='templatesDropdownFields'
placeholder='Wybierz szablon elementów' (select)="onProtocolTemplateSelect($event)">
</ejs-dropdownlist>
</div>
<div class="col-auto">
<button class="btn btn-info" [disabled]="submitInProgress"
(click)="onLoadProtocolTemplate()">Załaduj</button>
</div>
<div class="col-auto">
<button class="btn btn-secondary" [disabled]="submitInProgress"
(click)="onInfoClick(modal)"><i class="fas fa-info-circle"></i> Info</button>
</div>
</div>
<ejs-grid #normalgrid id='Normalgrid' [dataSource]='newDocumentationControl.protocolDocumentationControlElements' [allowResizing]='true' allowPaging='true' [pageSettings]='pageSettings' [editSettings]='editSettings' [toolbar]='toolbar' [allowFiltering]='true' [filterSettings]='filterOption' [allowSorting]='true'
(actionBegin)="actionBegin($event)" (actionComplete)="actionComplete($event)">
<e-columns>
<e-column field='orderId' headerText='Nr' textAlign='Center' isPrimaryKey='true' clipMode='EllipsisWithTooltip' width='60' defaultValue='0'></e-column>
<e-column field='documentName' headerText='Nazwa dokumentu' textAlign='Left' clipMode='EllipsisWithTooltip' width='320'></e-column>
<e-column field='state' headerText='Stan' textAlign='Left' editType='dropdownedit' [edit]='stateParams' clipMode='EllipsisWithTooltip' width='100'></e-column>
<e-column field='creationDate' headerText='Data wykonania' textAlign='Center' editType='datepickeredit' [format]='formatoptions' clipMode='EllipsisWithTooltip' width='100'></e-column>
<e-column field='expirationDate' headerText='Data ważności' textAlign='Center' editType='datepickeredit' [format]='formatoptions' clipMode='EllipsisWithTooltip' width='100'></e-column>
<e-column field='remarksAndObservations' headerText='Uwagi' textAlign='Left' clipMode='EllipsisWithTooltip' width='400'></e-column>
</e-columns>
</ejs-grid>
<br>
<div class="row">
<div class="col-auto pt-2">
<label class="text-primary">Zapisz powyższy układ elementów jako szablon: </label>
</div>
<div class="col-auto">
<input #newProtocolTemplateName class="form-control" type="text" placeholder="Nazwa szablonu">
</div>
<div class="col-auto">
<button class="btn btn-success" [disabled]="submitInProgress"
(click)="onSaveProtocolTemplate(newProtocolTemplateName.value)">Zapisz nowy szablon</button>
</div>
<div class="col-auto pt-2">
<label class="text-primary">lub</label>
</div>
<div class="col-auto">
<button class="btn btn-info" [disabled]="submitInProgress"
(click)="onUpdateProtocolTemplate()">Zaktualizuj obecny szablon</button>
</div>
</div>
</ng-template>
</e-accordionitem>
And of course <e-accorditem> is inside <e-accordionitems> and <ejs-accordion>.
In Your example https://stackblitz.com/edit/angular-rowdd?file=app.component.html when i add [allowResizing]='true', everything works fine but in my project inside accorditems resizing doesn't work as it should.
