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

    XMLWordPrintable

Details

    • Bug
    • Resolution: Fixed
    • Minor
    • 6.2-rc-1
    • 6.1
    • Flamingo Skin, Index
    • IE10
    • Unknown
    • N/A
    • N/A

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

        Issue Links

          Activity

            People

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

              Dates

                Created:
                Updated:
                Resolved: