Results 1 to 4 of 4

Thread: [4.1.0] After window resize, viewport can be scrolled because mask is not resized.

Threaded View

Previous Post Previous Post   Next Post Next Post
    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User ludoo's Avatar
    Join Date
    Mar 2007
    Vote Rating

    Default [4.1.0] After window resize, viewport can be scrolled because mask is not resized.


    Ext version tested:
    • Ext 4.1.0

    Browser versions tested against:
    • FF12
    • Chrome 18

    DOCTYPE tested against:
    • Any

    • After a window resize, hidden masks are not resized.
      It causes trouble in full layout.
      It occurs especially on viewport. I didn't try yith another layout.

    Steps to reproduce the problem:

    The result that was expected:
    • No scroll

    The result that occurs instead:
    • the whole page scrolls down!!!


    Screenshot or Video:

    See this URL for live test case:

    Debugging already done:
    • none

    Possible fix:
    • It's probably because mask is visibility:hidden instead display:none
      but hideMode on LoadMask has no effect.
    • or force resize mask even hidden:
      Ext.override(Ext.LoadMask, {
      	sizeMask: function() {
          var me = this, target;
          if (me.rendered /*&& me.isVisible()*/) {
            target = me.getMaskTarget();
            //me.getMaskEl().show().setSize(target.getSize()).alignTo(target, 'tl-tl');
            me.getMaskEl().setSize(target.getSize()).alignTo(target, 'tl-tl');

    Additional CSS used:
    • -

    Operating System:
    • Win7
    Last edited by ludoo; 10 May 2012 at 4:22 AM. Reason: add a workaround

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