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
          after_bug.png
          35 kB
        2. after_Chrome36.png
          after_Chrome36.png
          46 kB
        3. after_firefox.png
          after_firefox.png
          2 kB
        4. after_Firefox31.png
          after_Firefox31.png
          50 kB
        5. after_IE10.png
          after_IE10.png
          50 kB
        6. after_IE11.png
          after_IE11.png
          47 kB
        7. after_ie9.png
          after_ie9.png
          2 kB
        8. after_Safari7.png
          after_Safari7.png
          46 kB
        9. attempt1.png
          attempt1.png
          27 kB
        10. bug.png
          bug.png
          25 kB
        11. without_padding.png
          without_padding.png
          27 kB

          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: