RADeditor problem in Firefox

[Informat]

Hello,

I have a problem with the RADeditor in Firefox.

I put following HTML code in HTML mode

<table cellspacing="2" cellpadding="2" border="1" style="width: 100%; text-align: left;">
    <tbody>
        <tr>
            <td style="width: 64px;">&nbsp;</td>
            <td style="width: 61px; text-align: center;">X</td>
            <td style="text-align: center;">1B</td>
            <td style="text-align: center;">1M</td>
        </tr>
        <tr>
            <td style="width: 64px;">A <br />
            </td>
            <td style="width: 61px; text-align: center;">Yes </td>
            <td style="text-align: center;"><input type="radio" name="1B" value="1" /></td>
            <td style="text-align: center;"><input type="radio" name="1MS" value="1" /></td>
        </tr>
        <tr>
            <td style="width: 64px;">&nbsp;</td>
            <td style="width: 61px; text-align: center;">No </td>
            <td style="text-align: center;"><input type="radio" name="1B" value="2" /></td>
            <td style="text-align: center;"><input type="radio" name="1MS" value="2" /></td>
        </tr>
        <tr>
            <td style="width: 64px;">B</td>
            <td style="width: 61px; text-align: center;">Yes </td>
            <td style="text-align: center;"><input type="radio" name="1BW" value="1" /></td>
            <td style="text-align: center;"><input type="radio" name="1MW" value="1" /></td>
        </tr>
        <tr>
            <td style="width: 64px;">&nbsp;</td>
            <td style="width: 61px; text-align: center;">No </td>
            <td style="text-align: center;"><input type="radio" name="1BW" value="2" /></td>
            <td style="text-align: center;"><input type="radio" name="1MW" value="2" /></td>
        </tr>
    </tbody>
</table>

When I go to the design mode in Internet Explorer, I can select the radiobuttons en change the status.

However In Firefox I can't select the radiobutton.
How can I make the radiobutton selectable in Firefox so i can change the status?

Thx

Nick

[Rumen]

Hi Nick,

Under Firefox you cannot change the checkbox state when it is inside the editor's content - this is a browser limitation.

You can easily verify this by testing any other web editors or editable IFRAMEs in Firefox. You can test the attached EditableIFRAME html page in order to see that this is a browser related behavior not controlled by RadEditor.

Unfortunately, we do not have control over this behavior and override it.

Nevertheless, what you can do is to check the checkboxes in Preview mode and programmatically apply the changes to the checkboxes in Design mode. For your convenience I have attached here a sample aspx page demonstrating how to implement this feature.

BTW I recently I posted a comment about this issue in the following BugZilla link. Here it is: Comment #4 From speedo 2008-10-16 05:48:52 PDT (-) [reply] -------

In Firefox 2.x and 3.x it is not possible to select and check-in/out the

checkbox input elements inside the editable DIV / IFRAME elements. Here is an

example:


<div style="border: 1px solid red;width: 500px;height:300px;overflow:scroll;" id="editableDIV" contenteditable="true">
     <input type="checkbox" />
</div>

Put this DIV in a standard HTML page and load it in Firefox -> click on the
checkbox and you will see that it could not be checked. The context menu did
not show as well.

<!--[endif]-->


Sincerely yours,
Rumen
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.