Some layout changes to get autocomplete (link widget, select users) working in dialogs too

This commit is contained in:
Nathan Gray 2013-08-20 23:08:35 +00:00
parent 17e8d00054
commit c1be84c912
3 changed files with 17 additions and 5 deletions

View File

@ -187,7 +187,9 @@ var et2_selectAccount = et2_selectbox.extend(
// Put search results as a DOM sibling of the options, for proper display
this.search_widget.search.on("autocompleteopen", jQuery.proxy(function() {
this.search_widget.search.data("ui-autocomplete").menu.element.appendTo(this.node);
this.search_widget.search.data("ui-autocomplete").menu.element
.appendTo(this.node)
.position({my: 'left top', at: 'left bottom', of: this.multiOptions.prev()})
},this));
this.search = jQuery(document.createElement("li"))
.appendTo(this.multiOptions.prev().find('ul'));

View File

@ -404,11 +404,14 @@ var et2_selectbox = et2_inputWidget.extend(
header.hide();
// Show / hide again
node.on('mouseenter focusin', function() {
node.on('mouseenter focusin', function(e) {
// Don't show if dragging goes over
if(e.which != 0) return;
header.show();
header.css("width", header.css("width"));
header.css("position", "absolute");
header.css("top", options.position().top - header.outerHeight());
header.css("width", options.innerWidth() - (header.outerWidth() - header.width()) + 'px');
header.css("position", "fixed");
header.css("top", options.offset().top - header.outerHeight());
});
node.on('mouseleave focusout', function() {if(hide_header) header.hide();});
}

View File

@ -471,6 +471,13 @@ action buttons, left aligned for "extra" controls
overflow-x: hidden;
}
/**
* Autocomplete in dialogs - fix so they go over/out of the dialog
*/
.ui-dialog * ul.ui-autocomplete {
position: fixed;
}
/**
* Link wiget(s)
*/