When using any kendo components that uses dialogs from inside an ionic application, all dialogs experience stacking context issues in iOS.
The solution for this at the moment is to tell every single component to append its dialog(s) to a specified container in a bid to better control its visibility.
Right now, not every component have an 'appendTo' setting for its dialogs (ie: Editor) which makes it unusable on iOS devices.
The feature I would like to request is a way to setup the default 'appendTo' container only once from a core service to any and all dialogs.
This would help in not having to add it manually to every single components we use and maybe make it easier for you to make this feature available to more components with less work. I would make it so it applies to the dialog component and service. (or use different methods to setup each differently)
Here's how it could look like :
@Component({
selector: 'app-mycomponent',
templateUrl: './mycomponent.component.html'
})
export class MyComponent implements OnInit {
public kendoContainer: ViewContainerRef; //This would point to a container.
constructor( private kendoSetupService: SetupService ) {}
ngOnInit() {
//This would affect all components using dialogs as well.
this.kendoSetupService.dialogs.setDefaults({
'appendTo': this.kendoContainer
});
}
}
<kendo-dropdownlist [(ngModel)]="data" [popupSettings]="{ 'appendTo': kendoContainer }"></kendo-dropdownlist>
This service could be used to override many of the kendo default behaviors with minimal code footprint in the end.
It could be divided into smaller default services instead if you prefer such as DialogSetupService