Results 1 to 2 of 2

Thread: Tabs too wide on iOS 8 - works fine in Chrom simulation and other webkit browsers.

  1. #1
    Sencha User
    Join Date
    Apr 2015
    Posts
    2
    Answers
    1

    Default Answered: Tabs too wide on iOS 8 - works fine in Chrom simulation and other webkit browsers.

    Hello community,

    I today have stumbled upon the first ever weird behaviour I cannot find an explanation for. I have Tabs in a TabPanel that have a baseCls which has the tabs' width set to 200px. The width property is applied correctly on Android Tablets, the Google Chrome iPad Simulation and normal Google Chrome, however, on my iPad Air 1 (iOS 8.1.2) the width of the first tab only is equal to the window width on page load(it does not change onorientationchange), all other tabs are displayed properly. I sadly do not have an OSX system accessable, so I cannot use the dev tools on the iPad... I can provide code snippets if nessecary.

    Thanks in advance!

  2. Hah, found it. The display options for tabs from the cupertino.css where overriding my custom css on iOS Safari 8. The following line fixed it: display: -moz-box !important;

  3. #2
    Sencha User
    Join Date
    Apr 2015
    Posts
    2
    Answers
    1

    Default

    Hah, found it. The display options for tabs from the cupertino.css where overriding my custom css on iOS Safari 8. The following line fixed it: display: -moz-box !important;

Similar Threads

  1. Site works fine in Chrome but not on mobile browsers
    By FireGlow in forum Sencha Touch 2.x: Discussion
    Replies: 3
    Last Post: 23 Apr 2012, 10:06 AM
  2. Replies: 5
    Last Post: 20 Feb 2012, 12:00 PM
  3. Replies: 4
    Last Post: 4 Feb 2012, 11:14 AM
  4. Sencha - Webkit browsers
    By GirijaSubramanian in forum Sencha Touch 1.x: Discussion
    Replies: 2
    Last Post: 2 Aug 2010, 1:12 PM
  5. Replies: 1
    Last Post: 28 Dec 2009, 9:52 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •