[OPEN] [#858] Rendering problem on Firefox 39.0

  1. #1

    [OPEN] [#858] Rendering problem on Firefox 39.0

    Maybe is a bug.

    On Firefox 39.0 if I put a Fileuploadfield (only button = yes) inside a Fieldset which is initially collapsed, when the user expand the fieldset the upload button is not rendered.(the upload button does not appear)

    On IE9 and google chrome 44.0 works ok.

    Using Ext.net 3.2 on 1.x latest svn version also have the same problem.

    <%@ Page Language="C#" %>
    
    
    <!DOCTYPE html>
    
    <html>
    <head runat="server">
        <title>Simple Form</title>
        <link href="/resources/css/examples.css" rel="stylesheet" />
         <script>
            var showFile = function (fb, v) {
                if (v) {
                    var el = Ext.get('fi-button-msg');
                    el.update('<b>Selected:</b> ' + v);
    
                    if (!el.isVisible()) {
                        el.slideIn('t', {
                            duration: .2,
                            easing: 'easeIn',
                            callback: function () {
                                el.highlight();
                            }
                        });
                    } else {
                        el.highlight();
                    }
                }
            };
        </script>
    </head>
    <body>
    
     <ext:ResourceManager runat="server" />
        <ext:FormPanel 
            ID="FormPanel1" 
            runat="server"
            Title="FieldContainers"
            Width="650"
            BodyPadding="10"
            DefaultAnchor="100%">
            <Items>
             <ext:FileUploadField runat="server" ButtonOnly="true">
                <Listeners>
                    <Change Fn="showFile" />
                </Listeners>
            </ext:FileUploadField>
                <ext:TextField 
                    runat="server" 
                    Name="Email" 
                    FieldLabel="Email Address" 
                    Vtype="email"
                    MsgTarget="Side"
                    AllowBlank="false" />
                
                <ext:FieldContainer 
                    runat="server" 
                    MsgTarget="Side"
                    CombineErrors="true"
                    FieldLabel="Date Range"
                    Layout="HBoxLayout">
                    <Defaults>
                        <ext:Parameter Name="Flex" Value="1" Mode="Raw" />
                        <ext:Parameter Name="HideLabel" Value="true" Mode="Raw" />
                    </Defaults>
                    <Items>
                        <ext:DateField runat="server" FieldLabel="Start" Name="StartDate" AllowBlank="false" MarginSpec="0 5 0 0" />
                        <ext:DateField runat="server" FieldLabel="End" Name="EndDate" />
                    </Items>
                </ext:FieldContainer>
                
                <ext:FieldSet 
                    runat="server"
                    Title="Details"
                    Collapsible="true"
                    Collapsed="true"
                    DefaultAnchor="100%">
                    <Defaults>
                        <ext:Parameter Name="labelWidth" Value="89" Mode="Raw" />
                    </Defaults>
                    <Items>
                    
                        <ext:FieldContainer 
                            runat="server"
                            FieldLabel="Phone"
                            CombineErrors="true"
                            MsgTarget="Under"
                            Layout="HBoxLayout">                        
                            <Defaults>
                                <ext:Parameter Name="HideLabel" Value="true" Mode="Raw" />
                                <ext:Parameter Name="margin" Value="0 5 0 0" Mode="Value" />
                            </Defaults>
                            <Items>
                                <ext:DisplayField runat="server" Text="(" />
                                <ext:TextField 
                                    runat="server" 
                                    Name="Phone1" 
                                    Width="29" 
                                    AllowBlank="false" />
                                <ext:DisplayField runat="server" Text=")" />
                                <ext:TextField 
                                    runat="server" 
                                    Name="Phone2" 
                                    Width="29" 
                                    AllowBlank="false" 
                                    MarginSpec="0 5 0 0" />
                                <ext:DisplayField runat="server" Text="-" />
                                <ext:TextField 
                                    runat="server" 
                                    Name="Phone3" 
                                    Width="48" 
                                    AllowBlank="false" />
                            </Items>
                        </ext:FieldContainer>
                        
                        <ext:FieldContainer 
                            runat="server" 
                            FieldLabel="Time worked" 
                            Layout="HBoxLayout"
                            CombineErrors="false">
                            <Defaults>
                                <ext:Parameter Name="HideLabel" Value="true" Mode="Raw" />
                                <ext:Parameter Name="margin" Value="0 5 0 0" Mode="Value" />
                            </Defaults>
                            <Items>
                                <ext:NumberField 
                                    runat="server" 
                                    Name="Hours" 
                                    Width="51" 
                                    AllowBlank="false" />
                                <ext:DisplayField runat="server" Text="hours" />
                                <ext:NumberField 
                                    runat="server" 
                                    Name="Minutes" 
                                    Width="51" 
                                    AllowBlank="false" />
                                <ext:DisplayField runat="server" Text="mins" />
                            </Items>
                        </ext:FieldContainer>
                        <!--this is the button that does not render-->
                        <ext:FileUploadField runat="server" ButtonOnly="true">
                            <Listeners>
                                <Change Fn="showFile" />
                            </Listeners>
                        </ext:FileUploadField>
            
                        <ext:FieldContainer 
                            runat="server"
                            CombineErrors="true"
                            MsgTarget="Side"
                            FieldLabel="Full Name"
                            Layout="HBoxLayout">
                            <Defaults>
                                <ext:Parameter Name="HideLabel" Value="true" Mode="Raw" />
                                <ext:Parameter Name="margin" Value="0 5 0 0" Mode="Value" />
                            </Defaults>
                            <Items>
                                <ext:ComboBox 
                                    runat="server"
                                    Width="65"
                                    Editable="false"
                                    Name="Title">
                                    <Items>
                                        <ext:ListItem Text="Mr" Value="mr" />
                                        <ext:ListItem Text="Mrs" Value="mrs" />
                                        <ext:ListItem Text="Miss" Value="miss" />
                                    </Items>
                                    <SelectedItems>
                                        <ext:ListItem Value="mr" />
                                    </SelectedItems>
                                </ext:ComboBox>
                                
                                <ext:TextField 
                                    runat="server" 
                                    Flex="1" 
                                    Name="FirstName" 
                                    AllowBlank="false" />
                                
                                <ext:TextField 
                                    runat="server" 
                                    Flex="1" 
                                    Name="LastName" 
                                    AllowBlank="false" />
                            </Items>
                        </ext:FieldContainer>
                    </Items>
                </ext:FieldSet>
            </Items>
            
            
        </ext:FormPanel>
    </body>
    </html>
    Attached Thumbnails Click image for larger version. 

Name:	rendererror.png 
Views:	33 
Size:	11.6 KB 
ID:	24136  
    Last edited by Daniil; Aug 11, 2015 at 4:51 PM. Reason: [OPEN] [#858]
  2. #2
    Hi @jcanton,

    Thank you for the report! Created an Issue.
    https://github.com/extnet/Ext.NET/issues/858

    As a workaround I can suggest to set this Expand listener for the FieldSet.
    <Listeners>
        <Expand Fn="onExpand" />
    </Listeners>
    var onExpand = function (fieldSet) {
        if (Ext.isGecko) {
            Ext.Array.each(fieldSet.query("fileuploadfield"), function (field) {
                var bntEl = field.button.el;
                field.getTrigger('filebutton').el.setWidth(bntEl.getWidth() + bntEl.getMargin('lr'));
            });
        }
    };

Similar Threads

  1. Ext.NET controls problem with Firefox
    By paddy in forum 2.x Help
    Replies: 0
    Last Post: Jan 23, 2013, 10:59 AM
  2. [CLOSED] Problem with Firefox and Chrome
    By Stefanaccio in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: Dec 07, 2011, 12:43 PM
  3. Problem with a example in Chrome and Firefox...
    By Tanielian in forum 1.x Help
    Replies: 2
    Last Post: Apr 07, 2011, 6:14 PM
  4. Problem with dinamic components in Firefox
    By joao.msdn in forum 1.x Help
    Replies: 0
    Last Post: Apr 16, 2010, 10:35 AM
  5. Replies: 1
    Last Post: Oct 01, 2008, 1:19 PM

Posting Permissions