I have loaded your sample code and I see that each tab has it's own size. But this is a simplistic sample. I have the same .css and .js files loaded in my project and I'm getting different behavior. My original question included links to the page where I'm getting the unwanted scroll bars. Does it matter that two of the tabs have content loading from different servers? One is loading a google map, one some google charts and the third is one of your grid controls being parsed and loaded from a json object. Is it possible that the dynamic content coming from google is confusing your code? Is there any way to trigger the tabbar to re-calculate the sizes/scroll bars after all the loading is complete?
To resolve problem in your app , next need to be done
changed to
changed to
changed to
changed to
Problem caused by the way of tabbar init and not related to content loaded inside tabs.
That did the trick perfectly. Thank you for taking the time to examine my code and help me troubleshoot!