This is a migrated thread and some comments may be shown as answers.

[Solved] Full screen bug with floating divs

3 Answers 146 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Daniel Labrie
Top achievements
Rank 1
Daniel Labrie asked on 29 Apr 2009, 04:31 PM
Hi Telerik,

First and foremost, I'm using the Q1 2009 version.

There is a bug with the RadEditor's full screen mode. If there happens to be a div with the CSS "float" attribute above the Editor, then the div's content will appear on top of the editor when full screen mode is enabled. This happens on Chrome, Safari, Opera, Firefox and IE8 (standards mode - everything looks fine in backward compatibility mode).

You can reproduce the bug with the following code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"
    <title>Untitled Page</title> 
</head> 
<body> 
    <form id="form1" runat="server"
    <asp:ScriptManager runat="server"></asp:ScriptManager> 
    <div style="float:right;"
        This is some dummy text<br /> 
        This is some dummy text<br /> 
        This is some dummy text<br /> 
        This is some dummy text<br /> 
        This is some dummy text<br /> 
    </div> 
    <telerik:RadEditor runat="server"></telerik:RadEditor> 
    </form> 
</body> 
 

Thanks.

3 Answers, 1 is accepted

Sort by
0
Martin
Telerik team
answered on 05 May 2009, 07:17 AM
Hi Daniel Labrie,

You can fix this behavior by wrapping RadEditor in a div with float: left or clear: both, i.e:

<

 

div style="float: left;">
    
<telerik:RadEditor ID="RadEditor1" runat="server"></telerik:RadEditor>
</div>

Regards,
Martin Ivanov
the Telerik team


Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Daniel Labrie
Top achievements
Rank 1
answered on 05 May 2009, 01:17 PM
Hi Telerik,

unfortunately I cannot use this fix as it messes up the whole design. There is a div with float:right on the same page as the editor, so using clear:both pushes the editor under that div. Also, using float:left causes the elements under the editor to squeeze themselves behind it.
0
Rumen
Telerik team
answered on 08 May 2009, 11:35 AM
Hello Daniel,

Could you please open a support ticket and send us a sample working project that demonstrates the problem and your layout? Please, include all css and other files needed to run and reproduce the problem on our side. Once we replicate the problem, we will do our best to provide a solution for your scenario.

All the best,
Rumen
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Tags
Editor
Asked by
Daniel Labrie
Top achievements
Rank 1
Answers by
Martin
Telerik team
Daniel Labrie
Top achievements
Rank 1
Rumen
Telerik team
Share this question
or