Fixed display of attributes_widget in IE9

Attributes widget is using overflow css rule in tbody element. IE9 doesn't handle it well.

To fix the issue, attributes widget was slightly modified and conditional css stylesheet was added just for fixing IE problems.

https://fedorahosted.org/freeipa/ticket/2822

1 files changed, 5 insertions, 1 deletions

diff --git a/install/ui/aci.js b/install/ui/aci.js
index 953116c3f..b2e5e19e5 100644
--- a/install/ui/aci.js
+++ b/install/ui/aci.js
@@ -473,13 +473,17 @@ IPA.attributes_widget = function(spec) {
     that.create = function(container) {
         that.container = container;
 
+        var attr_container = $('<div/>', {
+            'class': 'aci-attribute-table-container'
+        }).appendTo(container);
+
         that.table = $('<table/>', {
             id:id,
             'class':'search-table aci-attribute-table scrollable'
         }).
             append('<thead/>').
             append('<tbody/>').
-            appendTo(container);
+            appendTo(attr_container);
 
         var tr = $('<tr></tr>').appendTo($('thead', that.table));