Fixes: U4-5676 Styling in template editors is poor with the scrollbars and padding , the problem was due to a few too many umb-scrollables defined which causes multiple resizing, this should also improve the UI performance for legacy editors. Have also removed the hard coded width/heights in the code editors, have disabled codemirror from autoscaling as well in these editors since that causes additional scrollbars and overhead. Have tested all these changes in all browers and it's much better.

src/Umbraco.Web.UI/umbraco/developer/Python/editPython.aspx

@@ -38,13 +38,12 @@
     <cc1:TabView ID="UmbracoPanel1" runat="server" Text="Edit scripting file">
         
         <cc1:Pane ID="Pane1" runat="server" Style="margin-bottom: 10px;">
-            <cc1:CodeArea ID="pythonSource" ClientSaveMethod="doSubmit" AutoSuggest="true"  CodeBase="Razor" AutoResize="true" OffSetX="47"
-                OffSetY="55" runat="server" />
+            <cc1:CodeArea ID="pythonSource" ClientSaveMethod="doSubmit" AutoSuggest="true"  CodeBase="Razor" AutoResize="false" runat="server" />
         </cc1:Pane>
 
         <cc1:Pane ID="Pane2" runat="server">
             <cc1:PropertyPanel ID="pp_filename" Text="Filename" runat="server">
-                <asp:TextBox ID="pythonFileName" runat="server" Width="400" CssClass="guiInputText"></asp:TextBox>
+                <asp:TextBox ID="pythonFileName" runat="server" CssClass="guiInputText"></asp:TextBox>
             </cc1:PropertyPanel>
             <cc1:PropertyPanel ID="pp_testing" runat="server" Text="Skip testing (ignore errors)">
                 <asp:CheckBox ID="SkipTesting" runat="server"></asp:CheckBox>

src/Umbraco.Web.UI/umbraco/developer/Xslt/editXslt.aspx

@@ -54,12 +54,12 @@
 <asp:Content ContentPlaceHolderID="body" runat="server" ID="cp1">
     <cc1:TabView ID="UmbracoPanel1" runat="server" Text="Edit xsl" hasMenu="true">
             <cc1:Pane runat="server" ID="pane1">
-                <cc1:CodeArea ID="editorSource" CodeBase="XML" runat="server" AutoResize="true" OffSetX="47" OffSetY="55" />
+                <cc1:CodeArea ID="editorSource" CodeBase="XML" runat="server" AutoResize="false"  />
             </cc1:Pane>
             
             <cc1:Pane runat="server" ID="pane2">
                  <cc1:PropertyPanel ID="pp_filename" runat="server" Text="Filename">
-                    <asp:TextBox ID="xsltFileName" runat="server" Width="300" CssClass="guiInputText"></asp:TextBox>
+                    <asp:TextBox ID="xsltFileName" runat="server" CssClass="guiInputText"></asp:TextBox>
                 </cc1:PropertyPanel>
                 <cc1:PropertyPanel ID="pp_testing" runat="server" Text="Skip testing (ignore errors)">
                     <asp:CheckBox ID="SkipTesting" runat="server"></asp:CheckBox>

src/Umbraco.Web.UI/umbraco/settings/editTemplate.aspx

@@ -109,20 +109,20 @@
         
         <cc1:Pane ID="Pane7" runat="server">
             <cc1:PropertyPanel ID="pp_name" runat="server">
-                <asp:TextBox ID="NameTxt" Width="350px" runat="server"></asp:TextBox>
+                <asp:TextBox ID="NameTxt" runat="server"></asp:TextBox>
             </cc1:PropertyPanel>
             <cc1:PropertyPanel ID="pp_alias" runat="server">
-                <asp:TextBox ID="AliasTxt" Width="350px" runat="server"></asp:TextBox>
+                <asp:TextBox ID="AliasTxt" runat="server"></asp:TextBox>
             </cc1:PropertyPanel>
             <cc1:PropertyPanel ID="pp_masterTemplate" runat="server">
-                <asp:DropDownList ID="MasterTemplate" Width="350px" runat="server" />
+                <asp:DropDownList ID="MasterTemplate" runat="server" />
             </cc1:PropertyPanel>
         </cc1:Pane>    
         
         <cc1:Pane ID="Pane8" runat="server">
             <cc1:PropertyPanel ID="pp_source" runat="server">
                 <cc1:CodeArea ID="editorSource" runat="server" CodeBase="HtmlMixed" EditorMimeType="text/html" ClientSaveMethod="doSubmit"
-                    AutoResize="true" OffSetX="37" OffSetY="54"/>
+                    AutoResize="false" />
             </cc1:PropertyPanel>
         </cc1:Pane>
 

src/Umbraco.Web.UI/umbraco/settings/scripts/editScript.aspx

@@ -39,17 +39,17 @@
     </script>
 </asp:Content>
 <asp:Content ContentPlaceHolderID="body" runat="server">
-    <cc1:TabView ID="Panel1" runat="server" Width="608px" Height="336px" hasMenu="true">
-         <cc1:Pane ID="Pane7" runat="server" Height="44px" Width="528px">
+    <cc1:TabView ID="Panel1" runat="server" hasMenu="true">
+         <cc1:Pane ID="Pane7" runat="server" >
             <cc1:PropertyPanel ID="pp_source" runat="server">
                 <cc1:CodeArea ID="editorSource" CodeBase="JavaScript" ClientSaveMethod="doSubmit"
-                    runat="server" AutoResize="true" OffSetX="47" OffSetY="47" />
+                    runat="server" AutoResize="false" />
             </cc1:PropertyPanel>
          </cc1:Pane>
 
-        <cc1:Pane ID="Pane8" runat="server" Height="44px" Width="528px">
+        <cc1:Pane ID="Pane8" runat="server" >
             <cc1:PropertyPanel runat="server" ID="pp_name">
-                <asp:TextBox ID="NameTxt" Width="350px" runat="server"></asp:TextBox>
+                <asp:TextBox ID="NameTxt" runat="server"></asp:TextBox>
             </cc1:PropertyPanel>
             <cc1:PropertyPanel runat="server" ID="pp_path">
                 <asp:Literal ID="lttPath" runat="server" />

src/Umbraco.Web.UI/umbraco/settings/stylesheet/editstylesheet.aspx

@@ -40,7 +40,7 @@
 
         <cc1:Pane ID="Pane7" CssClass="pane" runat="server">
             <cc1:PropertyPanel ID="pp_source" runat="server">
-                <cc1:CodeArea ID="editorSource" CodeBase="Css" OffSetX="37" OffSetY="54" AutoResize="true" runat="server" />
+                <cc1:CodeArea ID="editorSource" CodeBase="Css" AutoResize="false" runat="server" />
             </cc1:PropertyPanel>
         </cc1:Pane>
 

src/Umbraco.Web.UI/umbraco/settings/views/EditView.aspx

@@ -55,26 +55,26 @@
 
 <asp:Content ContentPlaceHolderID="body" runat="server">
     
-    <cc1:TabView ID="Panel1" runat="server" Width="608px" Height="336px" hasMenu="true">
+    <cc1:TabView ID="Panel1" runat="server" hasMenu="true">
         
-         <cc1:Pane ID="Pane8" runat="server" Height="44px" Width="528px">
+         <cc1:Pane ID="Pane8" runat="server" >
             <cc1:PropertyPanel ID="pp_source" runat="server">
-                <cc1:CodeArea ID="editorSource" runat="server" CodeBase="Razor" ClientSaveMethod="doSubmit" AutoResize="true" OffSetX="37" OffSetY="54"/>
+                <cc1:CodeArea ID="editorSource" runat="server" CodeBase="Razor" ClientSaveMethod="doSubmit" AutoResize="false" />
             </cc1:PropertyPanel>
          </cc1:Pane>
             
-        <cc1:Pane ID="Pane7" runat="server" Height="44px" Width="528px">
+        <cc1:Pane ID="Pane7" runat="server" >
             
             <cc1:PropertyPanel ID="pp_name" runat="server">
-                <asp:TextBox ID="NameTxt" Width="350px" runat="server"></asp:TextBox>
+                <asp:TextBox ID="NameTxt" runat="server"></asp:TextBox>
             </cc1:PropertyPanel>
             
             <cc1:PropertyPanel ID="pp_alias" runat="server">
-                <asp:TextBox ID="AliasTxt" Width="350px" runat="server"></asp:TextBox>
+                <asp:TextBox ID="AliasTxt" runat="server"></asp:TextBox>
             </cc1:PropertyPanel>
 
             <cc1:PropertyPanel ID="pp_masterTemplate" runat="server">
-                <asp:DropDownList ID="MasterTemplate" Width="350px" runat="server" />
+                <asp:DropDownList ID="MasterTemplate" runat="server" />
             </cc1:PropertyPanel>