scrollIntoView issue - it modifies the looks of my page on IE

[georgehdd]

Hi,

I'm trying to use scrollIntoView method with Ext JS 4 and for some it changes the look of my site instead of actually scrolling.

To reproduce the issue simply navigate to:

http://dev.sencha.com/deploy/ext-4.1...enu/menus.html
Open the Developer Tools (F12) and run the following line in the Script Console:
document.getElementById("button-1047-btnInnerEl").scrollIntoView(true);


What this should do is scroll the "Toggle Me" button into view. What it actually does is move the toolbar to the left causing some buttons to disappear.
This issue is reproduced on both IE8 & IE9 while on Chrome & Firefox it works flawlessly.

Do you happen to have a solution / work around for this ?

Thanks in advance,
George

[scottmartin]

This is working as expected in IE9

-Loaded example
-Open DT (F12)
-Scrolled menu out of site
-executed console command

Button visible in view at top of screen.

Scott.

[georgehdd]

This is working as expected in IE9

-Loaded example
-Open DT (F12)
-Scrolled menu out of site
-executed console command

Button visible in view at top of screen.

Scott.

Thanks for your reply.
Yes the button ('Toggle Me') is visible but all the buttons to its left disappear. You don't have to scroll the menu out of site for that - they disappear also when the window is maximized and the 'Toggle Me' button is in visible in the window.

Anyone has a suggestion ?

Thanks,
George

[scottmartin]

Can you provide a small video using Jing to demonstrate what is happening? Since I cannot duplicate this problem, I am unable to move forward.

Scott.

[georgehdd]

Sure - here's the URL of the capture:
https://dl.dropbox.com/u/6583757/defect.swf

Thanks,
George

[scottmartin]

Confirmed. Moved to bugs and reported. Tracking ID at top of post.

Scott.

[Animal]

Sigh.... Yet another IE bug to add a workaround for.

[Animal]

I actually don't know how it's possible for us to fix it for you.

You are using a native browser method which causes the browser to do something undesired.

How can the framework help with that?

[georgehdd]

I know this is an IE issue (it's pretty obvious since that it doesn't reproduce in FF / Chrome). But the framework could implement some sort of work around for this at least I'm hoping it will.

Thanks for your help by the way.

[evant]

This exists: http://docs.sencha.com/ext-js/4-0/#!...scrollIntoView