Uploaded image for project: 'XWiki Platform'
  1. XWiki Platform
  2. XWIKI-10662

The scrollbar of the TreeView is not visible under Flamingo and IE-10

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 6.1
    • Fix Version/s: 6.2-rc-1
    • Component/s: Flamingo Skin, Index
    • Labels:
    • Environment:
      IE10
    • Difficulty:
      Unknown
    • Documentation:
      N/A
    • Documentation in Release Notes:
      N/A
    • Similar issues:

      Description

      In Flamingo, we apply the .table{} mix-in from Bootstrap to every tables. This mix-in sets a padding to the cells of the table.

      It seems that it breaks the TreeView with IE10 (see bug.png).

      If you remove this padding, the TreeView works well again (see: without_padding.png). But we cannot remove the padding for every tables of the wiki!

      Then, if you try to write a specific CSS selector to remove the padding only on tables that are on the TreeView... it still does not work!

      Actually, the TreeView is made of divs and tables and their size & location are computed by a javascript. Javascript manually adds some styling using the style attribute.

      I suppose that the TreeView tries to reproduce the behaviour of standard tables, and for some reasons, it fails on IE 8-9-10.

      I don't have any clue to fix this. I have tried for hours to write specific CSS rules without any success.

      I have also tried to not apply the .table mix-in on every tables, but only on tables that are inside the main container:

      #mainContentArea{
        table:extend(.table all) {}
      
        table {
          // Used by: Livetable 
          table {
            background-color: @xwiki-page-content-bg;
          }
          th {
            label {
              font-weight: normal;
              margin: 0;
            }
          }
        }
      }
      

      You can see the results in attempt1.png...

        Attachments

        1. after_bug.png
          35 kB
          Guillaume Delhumeau
        2. after_Chrome36.png
          46 kB
          Ecaterina Moraru (Valica)
        3. after_firefox.png
          2 kB
          Guillaume Delhumeau
        4. after_Firefox31.png
          50 kB
          Ecaterina Moraru (Valica)
        5. after_IE10.png
          50 kB
          Ecaterina Moraru (Valica)
        6. after_IE11.png
          47 kB
          Ecaterina Moraru (Valica)
        7. after_ie9.png
          2 kB
          Guillaume Delhumeau
        8. after_Safari7.png
          46 kB
          Ecaterina Moraru (Valica)
        9. attempt1.png
          27 kB
          Guillaume Delhumeau
        10. bug.png
          25 kB
          Guillaume Delhumeau
        11. without_padding.png
          27 kB
          Guillaume Delhumeau

          Issue Links

            Activity

              People

              • Assignee:
                evalica Ecaterina Moraru (Valica)
                Reporter:
                gdelhumeau Guillaume Delhumeau
              • Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Date of First Response: