This appears to be a browser behavior. When populating the ApplyClass dropdown and setting the classname to the element we do not modify the selectors. The values that appear in the dropdown is returned by cssRules property of the document.styleSheets object.
It appears that when the document element is an <iframe> document all the CSS Rules are modified to lowercase by Google Chrome engine. You can verify this using a standard editable <iframe>. For your convenience I have attached a simple HTML page demonstrating this problem.
A possible solution to this issue is to configure RadEditor to use editable <div> for its content area by setting its ContentAreaMode
property to Div
We have reported this issue to the developers of Google Chrome. Here is the link to the issue:
the Telerik team
Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat
for a walk through all the exciting stuff we ship with the new release!