Revision 17ee954a

b/ui/static/ie.css
204 204
#metadata-wizard .addbuttons {
205 205
    margin-top: -16.5px;
206 206
}
207

  
208
#metadata-wizard .dropdown-container {
209
    position: absolute;
210
}
b/ui/static/main.css
1771 1771
}
1772 1772
#metadata-wizard .textdropdown-outer {
1773 1773
    float: left;
1774
    overflow: visible;
1774 1775
}
1775 1776

  
1776 1777
#metadata-wizard .textdropdown-btn {
......
1792 1793
    height: auto !important;
1793 1794
    padding-left: 5px;
1794 1795
    width: 103px !important;
1796
    position: relative;
1795 1797
}
1796 1798

  
1797 1799
#metadata-wizard ul li {
b/ui/templates/machines.html
247 247
                </div>
248 248
                <div class="metadata-add-template" style="display:none;">
249 249
                    <input type="text" id="add-meta-key" maxlength="15"></input>
250
                    <ul style="display:none;">
250
                    <ul style="display:none;" class="dropdown-container">
251 251
                        {% for o in default_keywords %}
252 252
                            <li><span class="dropdownitem">{{o}}</span></li>
253 253
                        {% endfor %}
......
709 709
    pair = $("#metadata-wizard div.metadata-add-template:first").clone();
710 710
    pair.prependTo("#metadata-wizard div.metadata-container").fadeIn();
711 711
      with (pair.find('input#add-meta-key')) {
712
        with (next('ul:first')) {
712
        with (pair.find('ul:first')) {
713 713
          find('li').click(function() {
714
            $(this).parent().prev('.textdropdown-outer').find('input:first').attr('value', $(this).find('.dropdownitem').html());
714
            $(this).parent().parent().find('.textdropdown-outer').find('input:first').attr('value', $(this).find('.dropdownitem').html());
715 715
            $(this).parent().hide();
716 716
          });
717 717
          hide();
......
731 731
        css("border", "0");
732 732

  
733 733
        btn.click(function() {
734
          var p = parent();
734
          var p = $(this).parent();
735 735
          with (p.next('ul:first')) {
736
            css('position', 'absolute');
737
            css('width',    p.width());
738
            css('left',     p.position().left + 4);
739
            css('top',      p.position().top + p.height() + 1);
740
            toggle();
736
            $(this).parent().parent().find('ul:first').css('position', 'absolute');
737
            $(this).parent().parent().find('ul:first').css('width',    p.width());
738
            $(this).parent().parent().find('ul:first').css('left',     p.position().left + 4);
739
            $(this).parent().parent().find('ul:first').css('top',      p.position().top + p.height() + 1);
740
            var elem = $(this).parent().parent().find('ul:first')[0];
741
            if(elem.style.display == 'none') {
742
                 $(this).parent().parent().find('ul:first').show();
743
            } else {
744
                 $(this).parent().parent().find('ul:first').hide();
745
            }
746

  
741 747
          }
742 748
        });
743 749
      }
......
1031 1037
    }
1032 1038
});
1033 1039

  
1040
//IE specific fixes
1041
if ($.browser.msie) {
1042
    //IE fix for dropdown li hover
1043
    $("#metadata-wizard ul li").live("mouseenter", function () {
1044
        $(this).css("background-color","#efefef");
1045
        $(this).css("cursor","pointer");
1046
    });
1047
    $("#metadata-wizard ul li").live("mouseleave", function () {
1048
        $(this).css("background-color","transparent");
1049
        $(this).css("cursor","default");
1050
    });
1051
}
1052

  
1034 1053
</script>

Also available in: Unified diff