Nested Non-Content Editable is removed when pressing "Enter" Key on any content editable.
Try the snippet below on Telerik Demos.
Try the snippet below on Telerik Demos.
<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.223/styles/kendo.common-material.min.css" /> <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.223/styles/kendo.material.min.css" /> <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.223/styles/kendo.material.mobile.min.css" /> <script src="https://kendo.cdn.telerik.com/2017.1.223/js/jquery.min.js"></script> <script src="https://kendo.cdn.telerik.com/2017.1.223/js/kendo.all.min.js"></script></head><body> <div id="example"> <div id="editor" rows="10" cols="30" style="height:400px"> <br /> <br /> <p contenteditable="false"><span contenteditable="false">THIS WILL BE REMOVED ( NESTED CONTENT EDITABLE=FALSE)</span></p> <p>If you press Enter key when focus on this text the above will be removed.</p> </div> <script> $(document).ready(function() { $("#editor").kendoEditor({ immutables: true, tools: ["viewHtml"] }); }); </script> </div></body></html>1 Answer, 1 is accepted
0
Hi Samuel,
Thank you for the sample prepared, which reproduces the issue described.
Please, note, that at the moment, nesting elements with ​contenteditable attribute set to false is not a supported scenario in Kendo Editor. Nesting an element with contenteditable ​set to true in an element with contenteditable set to false is not supported too.
Regards,
Veselin Tsvetanov
Telerik by Progress
Thank you for the sample prepared, which reproduces the issue described.
Please, note, that at the moment, nesting elements with ​contenteditable attribute set to false is not a supported scenario in Kendo Editor. Nesting an element with contenteditable ​set to true in an element with contenteditable set to false is not supported too.
Regards,
Veselin Tsvetanov
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which
deliver the business app essential building blocks - a grid component,
data visualization (charts) and form elements.