I have a problem editing a HTML form with Telerik Editor using Google Chrome. When I add a button, I can not edit the properties of the button and if I add a submit button, when I click the submit button into the editor (design view) the form is submitted.
Is there a fix for this error ?
To reproduce this strange behavior, simply open the demo editor with Chrome.
http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
and add these lines of html code to the bottom of the page (or use the editor tools to add the buttons).
<input style="width: 50px; height: 22px;" type="button" value="Execute" /><br />
<input style="width: 50px; height: 22px;" type="submit" value="Submit" /><br />
then try to click on the buttons in the design view.
Best Regards,
Massimo
3 Answers, 1 is accepted
We are aware of the issue the impossibility to edit the properties of the button in Chrome. It is a behaviour related to the selection of HTML elements. For the time being you could obtain the functionality of the module manager in Google Chrome by clicking straight before the button and press Shift+Right Arrow.
I'm also sending a video showing my test:
http://screencast.com/t/f36ikhEQf4sC
It is logged in our Feedback portal with ID 45907 , where you could follow it, comment and vote.
Regarding the second issue related to the form submit.
When RadEditor is configured with ContentAreaMode="iFrame" it is expected that nothing is submitted since there is no form.
As for the ContentAreaMode="Div" it is expected that the form is submitted since RadEditor content area is just an editable div element rendered on the page.
This could be seen on the following video:
http://screencast.com/t/AYSgw38SZ
I'm also attaching the pages of my tests.
Kind regards,
Misho
the Telerik team
Rank 1
many thanks for your reply, sorry but I am not very clear how to proceed.
I tried to set ContentAreaMode="Iframe"
but I obtain the same result, the submit button is executed using Chrome, when i write a form into the editor and I click the button.
<form>
<input id="txt" type="text" value="Hello" /><br />
<input id="sendButton" type="submit" value="Submit" />
</form>
Setting ContentAreaMode="Div" I obtain an error popup, when I try to view a document that contains a <form> tag. This error message occurs on all browsers, not just Chrome. I do not think I can use this rendering mode of the editor.
So what is the proper way to configure RadEditor to edit <form> with the Chrome browser?
Best regards,
Massimo
The best way to configure RadEditor to edit <form> with Chrome browser is to use it with ContentAreaMode="Iframe".
The content area of RadEditor is a standard editable iframe/div element, which uses the rich text editing engine of the used browser to render tags. This is why it is expected that submit buttons are submitting the form when clicked not only inside RadEditor's content area but also in an editable iframe in Chrome.
For the time being the way to work around this browser behavior is what I've suggested in the previous post: Click straight before the button and press Shift+Right Arrow. Here is a video demonstrating this scenario:
http://screencast.com/t/JDr7j8ZMlKqX
Regards,
Misho
the Telerik team