You found a bug! We've classified it as EXTJS-10279 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha Premium Member
    Join Date
    Dec 2010
    Posts
    37
    Vote Rating
    0
    rchloupe is on a distinguished road

      0  

    Default DateField's DatePicker stops showing when inside fieldset

    DateField's DatePicker stops showing when inside fieldset


    REQUIRED INFORMATION




    Ext version tested:
    • Ext 4.2.1 rev 883
    Browser versions tested against:
    • Chrome 27.0.1453.110 m
    DOCTYPE tested against:
    • html
    Description:
    • Date picker stops showing when inside fieldset.
    Steps to reproduce the problem:
    • Click on the datefield trigger in the fieldset to create the datepicker. Then collapse the fieldset, click the outside datefiled trigger. Then reopen the fieldset, click the datefield trigger, the datepicker is not displayed.
    The result that was expected:
    • The datepicker should be displayed.
    The result that occurs instead:
    • When clicking on the trigger after expanding fieldset, visibility: hidden is added to the picker, due to me.hierarchicallyHidden being true when Component.show() is called.
    Test Case:


    Code:
        Ext.create('Ext.form.Panel', {
        title: 'Simple Form with FieldSets',
        labelWidth: 75, // label settings here cascade unless overridden
        url: 'save-form.php',
        frame: true,
        bodyStyle: 'padding:5px 5px 0',
        width: 550,
        renderTo: Ext.getBody(),
        layout: 'column', // arrange fieldsets side by side
        items: [{
            // Fieldset in Column 1 - collapsible via toggle button
            xtype:'fieldset',
            columnWidth: 0.5,
            title: 'Fieldset 1',
            collapsible: true,
            defaultType: 'textfield',
            defaults: {anchor: '100%'},
            layout: 'anchor',
            items :[{
            xtype: 'datefield',
            anchor: '100%',
            fieldLabel: 'From',
            name: 'from_date',
            maxValue: new Date()  // limited to the current date or prior
        }]
        }, {
            xtype: 'datefield',
            anchor: '100%',
            fieldLabel: 'From',
            name: 'from_date',
            maxValue: new Date()  // limited to the current date or prior
        }]
    });
    *EDIT BY SLEMMON
    Issue observed in 4.2.1. Tested ok in 4.2.0.
    Last edited by slemmon; 18 Jun 2013 at 10:29 PM. Reason: additional test notes

  2. #2
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    4,781
    Vote Rating
    167
    slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold

      0  

    Default


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

  3. #3
    Sencha User
    Join Date
    Jul 2007
    Posts
    18
    Vote Rating
    0
    zaunaf is on a distinguished road

      0  

    Default Also happens on a fieldcontainer

    Also happens on a fieldcontainer


    This also happens to a datefield put inside a fieldcontainer together with an ordinary textfield..
    My application has multiple tabs, mostly grids. One of them is a form.
    Nothing wrong at first, but after clicking other tabs, the datefield just disappeared.
    Clicking the textfield alongside it makes the fields behave much more bizarre.. The textfield then gone, but the datefield reappears very narrow at the far right end of the fieldcontainer.

    Code:
    ..
            },{
                xtype: 'fieldcontainer',
                layout: 'hbox',
                defaults: {
                    margins: '0 0 0 5'
                },
                fieldLabel: 'Sk Pendirian Sekolah',
                name: 'Sk Pendirian Sekolah',
                labelAlign: 'right',
                items: [{
                    xtype: 'textfield',
                    fieldLabel: '',
                maxLength: 25,
                    flex: 4,
                    labelAlign: 'right',
                    margins: '0 0 0 0',
                    name: 'sk_pendirian_sekolah'
                },{
                    xtype: 'datefield',
                    fieldLabel: 'Tanggal',
                    labelWidth: '80',
                    format: 'd/m/Y',
                    maxValue: new Date(),                
                    flex: 3,
                    labelAlign: 'right',
                    name: 'tanggal_sk_pendirian'
                
                }]
            },{
    ...
    First time (OK):
    first.png


    After clicking other tabs:

    first.png

    After clicking the fieldcontainer (space between the textfield and the datefield's label):

    third.png


    This still happens in latest build (4.2.1).
    Thanks before.

  4. #4
    Sencha User
    Join Date
    Oct 2012
    Location
    France
    Posts
    4
    Vote Rating
    6
    eternoendless is on a distinguished road

      0  

    Default


    This workaround worked for me:
    Code:
    Ext.override(Ext.picker.Date, {
      collapseImmune: true
    });

  5. #5
    Sencha Premium Member
    Join Date
    Dec 2013
    Posts
    12
    Vote Rating
    0
    wellsfargouser is on a distinguished road

      0  

    Post Bug-DateField's DatePicker not showing inside a collapsible fieldset/field container?

    Bug-DateField's DatePicker not showing inside a collapsible fieldset/field container?


    Hi,

    I'm facing similar issue with date picker.
    Using EXTJS4.2.2 version
    In Form panel, DateField's DatePicker not showing inside a collapsible fieldset/field container?

    I tried with given work around, but issue still exist.

    Ext.override(Ext.picker.Date, { collapseImmune: true // -> config property doesn't exist in EXTJS4.2.2 API Docs});
    When can we expect fix?
    If any alternate solution to handle datePicker inside a collapsible FieldSet. Please suggest.