Results 1 to 9 of 9

Thread: IE9: Viewport is displaced when Ext.window.Window is moved out

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha Premium Member
    Join Date
    Aug 2007
    Location
    Pilsen, Czech Republic
    Posts
    41

    Default IE9: Viewport is displaced when Ext.window.Window is moved out

    REQUIRED INFORMATION


    Ext version tested:
    • Ext 4.0.5


    Browser versions tested against:
    • IE9


    Description:
    • If dialog is moved partially out of the browser's window, viewport is moved in opposite direction.


    Steps to reproduce the problem:
    • Run example
    • Move displayed window to right or bottom so that only part of window is visible.


    The result that was expected:
    • When mouse button is release (after drag), window stays in its position (only part is visible).


    The result that occurs instead:
    • Page is moved in opposite direction, window is fully visible and part of viewport is out of the browser.


    Test Case:

    Code:
    Ext.onReady(function () {
    	var k_win = Ext.create('Ext.window.Window', {
    		title: 'Window',
    		width: 300,
    		height: 270,
    		fbar: {
    			items: ['->', {text: 'Close'}]
    		}
    	});
    
    	Ext.create('Ext.container.Viewport', {
    		layout: 'fit',
    		items: {
    			xtype: 'panel',
    			title: 'Panel'
    		}
    	});
    	k_win.show();
    });


    HELPFUL INFORMATION


    Screenshot or Video:



    Additional CSS used:
    • only default ext-all.css


    Operating System:
    • Win7

  2. #2
    Sencha User
    Join Date
    Nov 2009
    Posts
    26

    Default

    It happens to me, too, in Ext 4.1.
    It works as intended in IE7, then breaks in IE8 and IE9 (using IE9's Browser mode to test).
    Any solution for this?

  3. #3
    Sencha User
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,890

    Default

    Configure the window with constrain: true

  4. #4

    Join Date
    Apr 2013
    Location
    France
    Posts
    3

    Default

    With ExtJS 4.2 this bug still occurs in IE9 and also in IE8.

    Can we expect a fix for this ? constrain:true is not a valid fix for our usage case.

  5. #5
    Sencha User
    Join Date
    Sep 2011
    Posts
    25

    Default

    Quote Originally Posted by Animal View Post
    Configure the window with constrain: true

    This seems like an incomplete solution. I don't want to constrain the window to the viewport, i just want it to be able to be half in view and half out. Is there a real fix?

  6. #6
    Sencha User
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    1,018

    Default

    +1 to: constrain: true is not always appropriate as a solution.

    I can confirm that the issue is still reproducible with 4.2.1 GA in IE9 and it is not reproducible in FireFox and Chrome. So, it definitely looks a bug.

    @Animal, is there any chance to open a ticket on that?

  7. #7
    Sencha User
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    1,018

    Default

    Just a regular bump.

  8. #8
    Sencha User
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    1,018

    Default

    Another bump. I would like to avoid re-reporting this issue since this thread looks good enough to address it.

  9. #9
    Sencha User
    Join Date
    Mar 2011
    Posts
    4

    Default

    Hi!

    I'm using ExtJS 4.2.1.883, and I tried setting "constrain: true" around every window with an override like this:

    Code:
    Ext.override(Ext.window.Window, {
        constrain: true
    });
    but the viewport still gets displaced when I close the window (with "closeAction: hide"), although each window is now constrained. Any developments in the meantime?

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
  •