Editor (angular) - text area not editable anymore

17 posts, 0 answers
  1. Casimodo
    Casimodo avatar
    71 posts
    Member since:
    Mar 2015

    Posted 08 Jul 2015 Link to this post

    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

  2. Casimodo
    Casimodo avatar
    71 posts
    Member since:
    Mar 2015

    Posted 10 Jul 2015 in reply to Casimodo Link to this post

    Anyone? Is this a bug, or am I doing something wrong?
  3. Kendo UI is VS 2017 Ready
  4. Casimodo
    Casimodo avatar
    71 posts
    Member since:
    Mar 2015

    Posted 10 Jul 2015 in reply to Casimodo Link to this post

    Here's an updated dojo (the previous had its head in the wrong place :-))
  5. Casimodo
    Casimodo avatar
    71 posts
    Member since:
    Mar 2015

    Posted 10 Jul 2015 in reply to Casimodo Link to this post

    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.

  6. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 13 Jul 2015 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  7. Casimodo
    Casimodo avatar
    71 posts
    Member since:
    Mar 2015

    Posted 20 Jul 2015 in reply to Alex Gyoshev Link to this post

    Thanks @Alex!

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

    Regards,

    Kasimier Buchcik

  8. Mike
    Mike avatar
    5 posts
    Member since:
    Sep 2015

    Posted 29 Feb in reply to Alex Gyoshev Link to this post

    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?
  9. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 01 Mar Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  10. Boris
    Boris avatar
    3 posts
    Member since:
    Mar 2015

    Posted 06 Mar Link to this post

    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>

  11. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 07 Mar Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  12. Boris
    Boris avatar
    3 posts
    Member since:
    Mar 2015

    Posted 07 Mar in reply to Ianko Link to this post

    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...
  13. Mike
    Mike avatar
    5 posts
    Member since:
    Sep 2015

    Posted 07 Mar in reply to Boris Link to this post

    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

  14. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 08 Mar Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  15. Boris
    Boris avatar
    3 posts
    Member since:
    Mar 2015

    Posted 08 Mar in reply to Ianko Link to this post

    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.

  16. Mike
    Mike avatar
    5 posts
    Member since:
    Sep 2015

    Posted 08 Mar in reply to Ianko Link to this post

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

     

    Mike

  17. Mike
    Mike avatar
    5 posts
    Member since:
    Sep 2015

    Posted 08 Mar in reply to Mike Link to this post

    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

  18. Mike
    Mike avatar
    5 posts
    Member since:
    Sep 2015

    Posted 08 Mar in reply to Mike Link to this post

    Found the solution Dojo

     

    kendo-editor="keditor"

    then add the following to the controller

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

     

    Mike

     

     

Back to Top
Kendo UI is VS 2017 Ready