Uploaded image for project: 'phpBB'
  1. phpBB
  2. PHPBB-13104

Responsive tabs display bug in IE11

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Major Major
    • 3.1.0-RC5
    • 3.1.0-RC4
    • Styles
    • None

      For the tabs, we use display: inline-block;
      https://github.com/phpbb/phpbb/blob/develop-ascraeus/phpBB/styles/prosilver/theme/cp.css#L113

      The problem with this is that jQuery .show() has the following property:
      "the display property is restored to whatever it was initially. If an element has a display value of inline, then is hidden and shown, it will once again be displayed inline."
      http://api.jquery.com/show/

      We don't want inline-block inside the responsive dropdown menu. All other browsers seem to use "block", but only IE11 apparently does the correct thing: revert to "inline-block".

      So either we need to use "block" as the initial state, or don't use any display property (which will make the <li> revert to list-item.

      Both seem to work.

            nickvergessen Joas Schilling
            PayBas PayBas [X] (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved: