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
    Posts
    9

    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.

    https://fiddle.sencha.com/#view/editor&fiddle/1mhk
    Code:
    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
    Tom

  2. #2

    Default

    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
    Posts
    9

    Default

    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.
    filefield-chrome.PNGfilefield-firefox.PNG
    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

    Default

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


    Kevin Jackson
    Sencha Support Team

  5. #5

    Default

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

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

    Default

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

    Code:
    /*
        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
        See:
          EXTJS-23317
          https://www.sencha.com/forum/showthread.php?333430
          https://www.sencha.com/forum/showthread.php?341582
          https://fiddle.sencha.com/#view/editor&fiddle/1v38
    */
    .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
  •