Results 1 to 6 of 6

Thread: Fieldset and Filefield combination broken in Firefox

    You found a bug! We've classified it as EXTJS-23317 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Nov 2016

    Default Fieldset and Filefield combination broken in Firefox

    Hey Guys,

    I have got a bug, using a combination of a collapsible fieldset an a filefield.
    Starts the fieldset in collapsed state and changes to expanded, the filefield button gets a wrong calculated width.

    That problem only occures in firefox and I don't know why, chrome works fine.

    The fiddle there should show the problem, I hope you can halp me.
    Ext.create('Ext.form.Panel', {    
        title: 'Fieldset Fileupload Problem',
        frame: true,
        bodyPadding: 10,
        renderTo: Ext.getBody(),
        items: [{
            xtype: 'fieldset',
            collapsible: true,
            collapsed: true,
            title: 'Fieldsettitle',
            items: [{
                xtype: 'filefield',
                name: 'file',
                width: '100%',
                fieldLabel: 'Fileupload',
                buttonText: 'Select File...'
    Kind regards

  2. #2


    Tom -

    I ran the fiddle in Firefox 49.0.2 on a Mac and am not seeing an issue. What are you seeing on your end and do you have any more info?

    Kevin Jackson
    Sencha Support Team

  3. #3
    Sencha User
    Join Date
    Nov 2016


    Hi Kevin,
    thank you for your reply. I testet it on ubuntu 16.04 and Windows 10, both using the Firefox 50.x
    The problem is, that the upload button right to the inputfield is not displayed.
    Left the Chrome-Version, right the Firefox-Version. (On windows)
    That only happens when the fieldset is configured as collapsed false and then it gets opened.

  4. #4


    Thanks for the update. Will look at this, this morning.

    Kevin Jackson
    Sencha Support Team

  5. #5


    Thanks for the report! I have opened a bug in our bug tracker.

  6. #6
    Sencha Premium User
    Join Date
    Nov 2013
    Piacenza, Italy


    In 6.5.3 the bug is not fixed yet, but I found a workaround.
    Add this CSS to the application:

        Fix Component Triggers (used by File Field) not displayed by Firefox when inside a collapsible FieldSet that starts collapsed
        Also collapsible FieldSets not started collapsed but inside more complex layouts show the same bug

    .x-gecko .x-form-trigger.x-form-trigger-cmp {
        display: table;

Similar Threads

  1. Replies: 1
    Last Post: 14 Oct 2015, 2:03 PM
  2. Replies: 3
    Last Post: 29 May 2015, 3:50 AM
  3. Replies: 1
    Last Post: 27 Mar 2013, 12:39 PM
  4. [CLOSED] FieldSet title broken in FireFox 3.6.27
    By IcgNickK in forum Sencha GXT Bugs
    Replies: 5
    Last Post: 13 Mar 2012, 4:33 PM
  5. Replies: 3
    Last Post: 12 Nov 2010, 12:51 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts