Page 1 of 2 12 LastLast
Results 1 to 10 of 14

Thread: overflowchanged event is deprecated.

  1. #1
    Sencha User =NR='s Avatar
    Join Date
    Mar 2013
    Location
    Singapore
    Posts
    115

    Default overflowchanged event is deprecated.

    Hi there,
    <a style="text-decoration: none; font-weight:normal;" href = "http://domain.com/"><font color="000000">Buy Adobe CS6</font></a>
    so recently I noticed that there is this warning showing on chrome console:

    "The 'overflowchanged' event is deprecated and may be removed. Please do not use it."

    the source is from Abstract.js line: 27.

    can someone explain to me what is this event for, what its affecting and what should I do?


    Thanks in advance,

  2. #2
    Sencha User
    Join Date
    Mar 2014
    Location
    Aix en Pce
    Posts
    9

    Default

    Hello,

    Today exactly same problem for me ... With no major change in my WebApp.
    Romain FRANCOIS
    http://syartec.com/

  3. #3
    Sencha Premium Member
    Join Date
    Aug 2012
    Location
    Germany
    Posts
    21

    Default I have the same Problem.

    I have derived from the Ext.MessageBox and when I add the class name in the App.js I get also this message.

    The 'overflowchanged' event is deprecated and may be removed. Please do not use it.

    File: FamMessageBox.js (important part section)
    Code:
    Ext.define('FamXCommon.FamMessageBox',
        {
            extend : 'Ext.MessageBox',
    
    
            singleton : true
        },
        function () {
            //<debug>
            console.log('FamXCommon.FamMessageBox created');
            //</debug>
        });

    File: app.js (important part section)
    Code:
           //...
    Ext.application({
        name : 'FAM',
          //...
        requires : [
          //...
            'FamXCommon.FamMessageBox',
         //...
         ],
         //...

  4. #4
    Sencha User
    Join Date
    Mar 2014
    Location
    Aix en Pce
    Posts
    9

    Default

    I think the problem is due to chrome update .. I have the version 37.0.2062.103 m
    Romain FRANCOIS
    http://syartec.com/

  5. #5
    Sencha Premium Member
    Join Date
    Aug 2012
    Location
    Germany
    Posts
    21

    Default

    That is very likely. In the Safari browser, the warning does not occur.

  6. #6
    Sencha User
    Join Date
    Apr 2012
    Posts
    16

    Default

    Quote Originally Posted by rfrancois View Post
    I think the problem is due to chrome update .. I have the version 37.0.2062.103 m
    Also in Chrome v37.0.2062.120 m

  7. #7
    Sencha Premium Member
    Join Date
    Aug 2012
    Location
    Germany
    Posts
    21

    Default

    As a supplement to my last post:

    It is sufficient to requires the Ext.MassageBox in the App.js to generate warning.

    Code:
    Ext.application({
        //...
        requires : [
           //...
            'Ext.MessageBox'
          //...
        ]
        //...
    });

  8. #8
    Sencha Premium Member
    Join Date
    Aug 2012
    Location
    Germany
    Posts
    21

    Default

    I have fix the warning with follow two overrides in my application (ST2.3.1):

    My question to the Secha Team: Is this the right way?


    File: SizemonitorOverflowChange.js

    Code:
    Ext.define('FamOverrides.SizemonitorOverflowChange',
        {
            override : 'Ext.util.sizemonitor.OverflowChange',
    
    
            bindListeners : function (bind) {
                var method = bind ? 'addEventListener' : 'removeEventListener';
    
    
                this.expandMonitor[method]((Ext.browser.is.Firefox || Ext.browser.is.Chrome) ? 'underflow' : 'overflowchanged', this.onExpand, true);
                this.shrinkMonitor[method]((Ext.browser.is.Firefox || Ext.browser.is.Chrome) ? 'overflow' : 'overflowchanged', this.onShrink, true);
            }
        });


    File: PaintmonitorOverflowChange.js

    Code:
    Ext.define('FamOverrides.PaintmonitorOverflowChange',
        {
            override : 'Ext.util.paintmonitor.OverflowChange',
    
    
            eventName : (Ext.browser.is.Firefox || Ext.browser.is.Chrome) ? 'overflow' : 'overflowchanged'
        });

    Note:
    However, I have the side effect that pushed froms are not always displayed.
    Does anyone have a better solution.

  9. #9
    Sencha User =NR='s Avatar
    Join Date
    Mar 2013
    Location
    Singapore
    Posts
    115

    Default

    Thank you Ronny for the proposed solution,

    I do think it is something to do with Chrome,
    I noticed that they also discuss this matter in chrome google groups,

  10. #10
    Sencha Premium Member
    Join Date
    Jul 2009
    Posts
    138

    Default

    Chrome 43 just released today on stable channel, and my ST 2.4 app is broken.

    Trevor's (http://trevorbrindle.com/chrome-43-b.../#comment-6252) patch fixes it unless Chrome is running in device mode (e.g., iPhone emulation using Chrome Developer tools). To make his fix work in device mode, I had to edit the patch to force the non-overflowchange functionality to be used.

Page 1 of 2 12 LastLast

Tags for this Thread

Posting Permissions

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