Last Updated: 13 Mar 2018 11:45 by Ivan
Marin Bratanov
Created on: 20 Mar 2017 08:18
Category: Window
Type: Bug Report
ULs in RadWindow float to the right under Firefox 52+ and Chrome 58+
FF 52 and Chrome58 seem to have started reading some CSS from 2010 differently. 

This affects controls such as RadMenu, RadTreeView, RadPanelBar, RadEditor, RadListBox, RadTabStrip that are in the ContentTemplate of a RadWindow. The issue can manifest as bad element alignment or extra padding.

Internal fix will be available as of R2 2017.

There are two workarounds:

- use the Lightweight Render Mode (helps in some cases)

- add a CSS override similar to the following

			/* FireFox 52+ and Chrome 58+  */
			html:first-child .RadWindowFixed ul {
				float: none !important;

<telerik:RadWindow ID="RadWindow2" runat="server" Title="Rad Window with RadTreeView - Fixed" Width="400px" MinWidth="230px" MaxWidth="600px" CssClass="RadWindowFixed"  
							   Height="610px" VisibleOnPageLoad="true" Behaviors="Minimize, Move, Maximize, Resize" VisibleStatusbar="false" KeepInScreenBounds="true" Left="406">
Posted on: 13 Mar 2018 11:45
deleted by ivan.duman
Posted on: 20 Apr 2017 23:39
For me, this (Firefox) change affected a RadTreeView that was inside a RadWindow.  In Firefox the tree would float right and nodes would overlap with each other when nodes were expanded.

On a window with the default skin, switching to Lightweight Render Mode did the trick.  However, on a Window with other skins, I had to use Lightweight Render Mode and add the CssClass reference mentioned above.