Metro IE + ThinkPad Yoga 11e - layout issue

I've found serious problem for everyone who run ExtJS in Metro IE. When you click on any text-field viewport scroll up and ExtJS create blank space between software keyboard and bottom border of the viewport.



Attachment 52197



First I though Ive problem somewhere in my application however the problem is reproducible in Kitchen Sink too - http://ift.tt/1yC4C40



I use simple layout where I've container with border layout on Viewport with fit layout. Kitchen Sink use something similar - viewport with border layout.



One bad thing - you cant easily debug this issue because Metro IE does not have developer toolbar. http://ift.tt/1DrIacI



However there is a change to use FireBug Lite to debug this issue.

<script type="text/javascript" src="http://ift.tt/1yC4C45;



This bug isnt reproducible on any desktop browser even Metro IE on desktop. You must run the application or web on touch devices - e.g. I've here Lenovo's devices from my partner and problem is reproducible on all of them.



Please let me know if you need any additional information. Metro IE is crap however there are customers who prefer this browser before desktop IE (dont ask me why),

Attached Images

• metro-issue.jpg‎ (37.3 KB)

Metro IE + ThinkPad Yoga 11e - layout issue