Uploaded image for project: 'phpBB3'
  1. phpBB3
  2. PHPBB3-13104

Responsive tabs display bug in IE11

    Details

    • Type: Bug
    • Status: Unverified Fix
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: 3.1.0-RC4
    • Fix Version/s: 3.1.0-RC5
    • Component/s: Styles
    • Labels:
      None

      Description

      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.

        Activity

        There are no comments yet on this issue.

          People

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

            Dates

            • Created:
              Updated:
              Resolved:

              Development