iPhone: TabPanel is shifted wrongly when showing virtual keyboard

Sencha Touch version tested:

1.1.0

only default ext-all.css

Platform tested against:

iOS 3.x

iOS 4

Android 2.3

Description:

I have a TabPanel with 7 items. If I tap a TextField, the virtual keyboard appears and the panel is shifted also to the left (cf. screenshot). This happens only with iPhones with the portrait orientation. If I reduce the number of items of the tabpanel to 6 or less, it works (doesn't matter which items, just the number). But 7 or more leads to this behaviour. No problem with Android 2.3 (Galaxy i9000) or with horizontal orientation.

Copy the code above in a file called test.js and create a file called test.html with the following content:<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CAESAR2Go</title>