Last Updated: 25 Mar 2019 11:36 by ADMIN
Created on: 22 Mar 2019 15:11
Category: Editor
Type: Bug Report
Kendo editor is not editable inside kendo dialog

Please check dojo https://dojo.telerik.com/UMiREWiL


There is one kendo editor on the main page which is editable and when you click on the link below "Edit the content in pop-up", pop-up opens but doesn't show the content and also text editor is not editable.


Thank you,


Ivan Danchev
Posted on: 25 Mar 2019 11:36
Hi Gopi,

Thank you for reporting this issue. We logged it for fixing. I converted this thread to Bug Report and made it visible in our Feedback Portal. You can track the bug's progress through the item's status.

I updated your Telerik points for reporting this issue.

Ivan Danchev
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Posted on: 22 Mar 2019 15:38

In case dojo is not found, following is the code:


    <base href="https://demos.telerik.com/kendo-ui/editor/angular">
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.common-material.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.material.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.material.mobile.min.css" />

    <script src="https://kendo.cdn.telerik.com/2019.1.220/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.1.220/js/angular.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.1.220/js/kendo.all.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.7.2/angular-sanitize.js"></script>

<div id="example" ng-app="KendoDemos">
    <div ng-controller="MyCtrl">
<textarea kendo-editor k-ng-model="html"></textarea>
      <a href="" ng-click="RCM.dialog.open()">Edit the content in pop-up</a>

        <div kendo-dialog="RCM.dialog" k-title="'RCM Summary'" k-on-open="RCM.dialogVisible = true"  k-visible="false"
                                             k-on-close="RCM.dialogVisible = false" k-modal="true">
                                            <textarea kendo-editor k-ng-model="html"></textarea>

  angular.module("KendoDemos", [ "kendo.directives", "ngSanitize" ])
      .controller("MyCtrl", function($scope){
          $scope.html = "<h1>Kendo Editor</h1>\n\n" +
          "<p>Note that 'change' is triggered when the editor loses focus.\n" +
              "<br /> That's when the Angular scope gets updated.</p>";