Feng Forum

Support => How To's => : kils October 10, 2014, 07:48:33 AM

: Google Chrome freezing on creating event in calendar
: kils October 10, 2014, 07:48:33 AM
Hi, my chrome (38.0.2125.101 m) freezing if i try to create a new event, i know that it happens with next code:
:
og.EventPopUp = function (data, config) {
    if (!config) {
        config = {};
    }
    og.EventPopUp.superclass.constructor.call(this, Ext.apply(config, {
        y: 220,
        width: 350,
        height: 230,
        id: 'add-event',
        layout: 'border',
        modal: true,
        resizable: false,
        closeAction: 'hide',
        iconCls: 'ico-calendar',
        title: data.title,
        border: false,
        focus : function() {
                Ext.get('name').focus();
            },
            buttons: [{
                text: lang('add event'),
                handler: this.accept,
                scope: this
            },{
                text: lang('cancel'),
                handler: this.cancel,
                scope: this
            }],
            items: [
                {
                    region: 'center',
                    layout: 'fit',
                    items: [
                        this.form = new Ext.FormPanel({
                            id: data.genid + '-ev_popup_form',
                            labelWidth: 75, // label settings here cascade unless overridden
                            frame:false,
                            height: 140,
                            url: '',
                            bodyStyle:'padding:20px 20px 0',
                            defaultType: 'textfield',
                            border:false,
                            bodyBorder: false,
                            items: [
                                {
                                    fieldLabel: lang('name'),
                                    name: 'event[name]',
                                    id: 'name',
                                    allowBlank:false,
                                    enableKeyEvents: true,
                                    style: {width: '200px'},
                                    blankText: lang('this field is required'),
                                    listeners: {specialkey: function(field, ev){
                                        if (ev.getKey() == ev.ENTER) Ext.getCmp('add-event').accept();
                                    }}
                                },
                                {
                                    name: 'event[start_time]',
                                    id: 'start_time',
                                    xtype: 'timefield',
                                    width: 80,
                                    fieldLabel: lang('event start time'),
                                    format: data.time_format,
                                    editable: false,
                                    value: data.start_time
                                },
                                {
                                    name: 'event[duration]',
                                    id: 'duration',
                                    xtype: 'timefield',
                                    width: 60,
                                    fieldLabel: lang('duration'),
                                    format: 'G:i',
                                    editable: false,
                                    value: data.durationhour + ':' + (data.durationmin < 10 ? '0':'') + data.durationmin
                                },
                                {
                                    xtype: 'checkbox',
                                    name: 'event[all_day_event]',
                                    id: 'all_day_event',
                                    fieldLabel: lang('all day event'),
                                    value: (data.type_id == 2)
                                },
                                    {
                                    xtype: 'hidden',
                                    name: 'members',
                                    cls: 'ev_popup_members',
                                    id: data.genid + 'ev_popup_members',
                                    value: ''
                                },
                                {
                                    xtype: 'hidden',
                                    name: 'event[start_day]',
                                    id: 'day',
                                    value: data.day
                                },
                                {
                                    xtype: 'hidden',
                                    name: 'event[start_month]',
                                    id: 'month',
                                    value: data.month
                                },
                                {
                                    xtype: 'hidden',
                                    name: 'event[start_year]',
                                    id: 'year',
                                    value: data.year
                                },
                                {
                                    xtype: 'hidden',
                                    name: 'event[hour]',
                                    id: 'hour',
                                    value: data.hour
                                },
                                {
                                    xtype: 'hidden',
                                    name: 'event[minute]',
                                    id: 'min',
                                    value: data.minute
                                },
                                {
                                    xtype: 'hidden',
                                    name: 'event[type_id]',
                                    id: 'type_id',
                                    value: data.type_id
                                },
                                {
                                    xtype: 'hidden',
                                    name: 'event[durationhour]',
                                    id: 'durationhour',
                                    value: data.durationhour
                                },
                                {
                                    xtype: 'hidden',
                                    name: 'event[durationmin]',
                                    id: 'durationmin',
                                    value: data.durationmin
                                },
                                {
                                    xtype: 'hidden',
                                    name: 'event[start_value]',
                                    id: 'start_value',
                                    value: data.start_value
                                },
                                {
                                    xtype: 'hidden',
                                    id: 'hide_calendar_toolbar',
                                    value: data.hide_calendar_toolbar
                                },
                                {
                                    xtype: 'hidden',
                                    name: 'view',
                                    id: 'view',
                                    value: data.view
                                }
                            ]
                        })
                    ]
                },{
                    region: 'south',
                    height: 20,
                    html:"<div style='width:100%; text-align:right; padding-right:8px'><a href='#' onclick=\"og.EventPopUp.goToEdit()\">" + lang('edit event details') + "</a></div>"
                }
            ]
}));
}

i try input console.log() into this code and it works if  it before og.EventPopUp.superclass.constructor.call......
i swich off all my plugins and nothing happens
: Re: Google Chrome freezing on creating event in calendar
: kils October 10, 2014, 09:35:06 AM
if i delete in og.EventPopUp.superclass.constructor.call next object -
:
items: [
  items: [
    this.form = new Ext.FormPanel({
      items:[...]
  ]
]
: Re: Google Chrome freezing on creating event in calendar
: franponce87 October 29, 2014, 02:50:58 PM
Hi there!

In which FO version are you experiencing this? And which OS are you running?

Best,
Francisco
: Re: Google Chrome freezing on creating event in calendar
: kils November 13, 2014, 11:18:00 AM
i have the windows 7 pro x64, and it freesed on my 2.6.0 and 2.6.1 and in your Fo demo system. But other browsers worked normally. Some of my users have this problems to, but at now all works Ok on my FO and your demo version.

I also write to Google Chrome Support team and maybe it was some bug. Now i have 38.0.2125.111 m version (old is - 38.0.2125.101 m)
: Re: Google Chrome freezing on creating event in calendar
: franponce87 November 18, 2014, 10:23:30 AM
Oh ok, glad to know it is working fine once more.
Indeed, it could have been an issue from Google Chrome's side. It would not be the first time that a new browser has some weird behaviour.

Best regards,
Francisco