Details
-
Bug
-
Resolution: Fixed
-
Minor
-
6.1
-
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
Issue Links
- is duplicated by
-
XWIKI-10793 Scroll down bar is not well displayed on ie10
- Closed
- is related to
-
XWIKI-10869 The Search field doesn't have the same width like the field from Tree View
- Closed
-
XWIKI-10994 The grip for the scrollbar of the TreeView is not centered
- Closed
-
XWIKI-10868 Improve the search field from Index - Tree by adding a text in it
- Closed