Editor (angular) - text area not editable anymore

[Casimodo]

Hi,

as of v2015.2.624 the text area of the editor is not editable anymore when used with angular. Dunno if this applies only to angular apps.

See this dojo.

Regards,
Kasimier Buchcik

[Casimodo]

Anyone? Is this a bug, or am I doing something wrong?

[Casimodo]

Here's an updated dojo (the previous had its head in the wrong place :-))

[Casimodo]

I tried this dojo with Q1 ".../2015.2.624/js/kendo.all.min.js" and it works fine.

On the other hand using Q2 ".../2015.1.429/js/kendo.all.min.js" does not work.

So this seems very likely related to the new Q2 release.

[Alex Gyoshev]

Hello Casimodo,

Thank you for reporting this. It appears to be a problem related to the editor being in a mobile application. We have logged the problem for investigation. See this Dojo snippet for a workaround until the problem is resolved.

Regards,
Alex Gyoshev
Telerik

 

 

[Casimodo]

Thanks @Alex!

In the meantime I used a simple textarea. But you found a temporary workaround, so great!

Regards,

Kasimier Buchcik

[Mike]

I am also experiencing the same problem with the 2016 release both in Firefox and Chrome, but this is in a web application, not a mobile app. Any outlook on when this will be fixed please?

[Ianko]

Hello Mike,

Does the workaround provided by Alexander resolves the issue?

Can you reproduce the same in a Dojo |(http://dojo.telerik.com/) so that we can properly investigate it?

Regards,
Ianko
Telerik

 

 

[Boris]

Hello lanko,

same over here.I get an empty editor without any ability to edit:

<textarea cols="40" name="recipe_introduction" id="id_introduction" rows="20"></textarea>

<script type="text/javascript">

$(document).ready(function(){ $("#id_introduction").kendoEditor({value: "test", resizable: {"content": true, "toolbar": true}, }); });

</script>

[Ianko]

Hello Boris,

I used the provided code in a Dojo (http://dojo.telerik.com/osUbA) and I am unable to encounter any issues regarding Kendo Editor. Can you see if there is anything further that should be added to the scenario so that the issue to be reproduced in a Dojo?

Regards,
Ianko
Telerik

 

 

[Boris]

Hello and thanks for the quick response. What I found out so far, is that the editor works outside a form, inside a form, but not inside a tab inside a form. The symptoms are: the given value is not shown inside the editor, its just empty and you dont get a cursor when clicking inside the text area. I'm trying to find out more...

[Mike]

I can confirm, the problem I am having is when the kendo-editor text area is inside a kendo-tab-strip pane which is inside a form.

 

Mike Tunstall

[Ianko]

Hi Mike and Boris,

Thank you for getting back. I suggest you to try and replicate the issue in a Dojo. That will enable me to explore the code involved in this scenario and directly reproduce the issue. 

On a side note, a possible solution is to call the editor's refresh() method when the tab's container is shown (you can use the TabStrip activate event for that).

Regards,
Ianko
Telerik

 

 

[Boris]

Hello Ianko,

I already found out about the necessity for a refresh whenever an editor is moved around in the DOM (which happens when you use a tab strip). So this was exactly the issue here, inserting

$("#id_introduction").getKendoEditor().refresh();

after the tab strip initialization did the job. Thanks again  you for your help.

[Mike]

I have created a Dojo as requested http://dojo.telerik.com/@MikeT5/oPEFI

 

Mike

[Mike]

I have created a second Dojo this one applies the Leverage Widget References in the A Few Angular Kendo UI Best Practices  and sets the kendo-editor="keditor" to try and write data to the console, on execute, refresh or change, but the kendo editor is still not editable. Not sure if I am missing something.

 

Mike

[Mike]

Found the solution Dojo

 

kendo-editor="keditor"

then add the following to the controller

$scope.$on("kendoRendered", function(e) {
              $scope.keditor.refresh();
        });

 

Mike