onOrientationChange event is not being handled properly on ip* devices by uiwebview

[yuryb]

you're probably aware of this problem, but:
onOrientationChange event is not being properly handled by the iPhone sdk's component UIWebView, which is basically a built-in "safari" browser and is being used in all ip* apps where the browser functionality is needed.
due to this problem, none of the sencha touch demos are working properly if opened in any other browser than the native safari on ip*s: programmatic ui changes which has to happen on orientation change are not happening.
to see the problem, run kitchen sink in any 3-rd party browsers you can get from the apple's app store (atomic web, mercury, ilunascape, ifindz to name a few). the problem is especially severe on ipad.
do you have any suggestions what can be done to fix/work around this problem?
i'm ready to publish an app written in sencha (great great framework, btw, thank you!), and that is the only reason for the delay.
any help would be greatly appreciated.
thank you in advance,
yury

[evant]

So why do you say this is a bug in Touch? If the browser doesn't support the orientationchange event like it should, there isn't really much we can do about it.

As a side note, it doesn't seem to support local urls (http://10.0.0.2), what a waste of a dollar!

[yuryb]

here is why i said it is still a sencha problem:
-- i've put some js function call into my iOS code to call the page loaded into uiwebview when device orientation changes;
-- in this call i was trying to call sencha's layout routines: doLayout(), etc;
-- ui goes crazy in this case, due to the fact that some internal values in the sencha's layout engine are off and in dis-array; for instance Ext.orientation returns 'portret' in landscape, but screen dimensions look like landscape's;
-- i tried to follow some suggestions on this board and go through a "window resize" rout. it produced sporadic success/failure results on kitchen sink: sometimes ui re-renders properly, and some times - some elements are off-screen and/or have wrong sizes.

please do not be offensive, i truly love your product!
i just need some sort of suggestion from people who knows how the stuff works inside :-))

as of now, the only stable (but soooooo ugly) solution is to call 'document.location = document.location' on each orientation change, which works fine, just... not cool at all :-((

please help if you can.
thanks again.

(btw, i've purchased sencha-touch license a couple of days ago)

[yuryb]

please respond - i need to know what can be done!
thank you...

[evant]

Again, back to the original point, why doesn't the browser fire the orientationchange event? We can only react to the events made available. Have you talked with the developers of the browser?

[iame.wang]

when orientation changed:

UIWebView.stringByEvaluatingJavaScriptFromString("var e = document.createEvent('Events'); e.initEvent('orientationchange', true, false); document.dispatchEvent(e); ");

sencha touch will work

[yuryb]

thank you very much!
your solution resolved the problem!

[lieselbr]

when orientation changed:

UIWebView.stringByEvaluatingJavaScriptFromString("var e = document.createEvent('Events'); e.initEvent('orientationchange', true, false); document.dispatchEvent(e); ");

sencha touch will work

Hi, this line of code i have to use it inside xcode?