jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

jquery-ui: fix autocomplete menu styling (#3671).

Browse Source 
* Wrap menu items in a div.
* Replace ui-state-focus with ui-state-active.
* Make active items have a grey background.

ref: http://jqueryui.com/upgrade-guide/1.12/#require-wrappers-for-each-menu-item
ref: http://jqueryui.com/upgrade-guide/1.12/#use-consistent-styling-for-focused-and-active-items
This commit is contained in:
evazion
2018-04-26 23:18:00 -05:00
parent a11dbb9186
commit dd2abeb180
4 changed files with 18 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/javascripts/autocomplete.js.erb
View File

@@ -344,7 +344,7 @@
return;
}
if ($autocomplete_menu.has(".ui-state-focus").length === 0) {
if ($autocomplete_menu.has(".ui-state-active").length === 0) {
var $first_item = $autocomplete_menu.find(".ui-menu-item").first();
var completion = $first_item.data().uiAutocompleteItem.value;
@@ -358,6 +358,7 @@
Danbooru.Autocomplete.render_item = function(list, item) {
var $link = $("<a/>");
var $menu_item = $("<div/>").append($link);
if (item.antecedent) {
var antecedent = item.antecedent.replace(/_/g, " ");
@@ -396,7 +397,7 @@
$link.addClass("pool-category-" + item.category);
}
return $("<li/>").data("item.autocomplete", item).append($link).appendTo(list);
return $("<li/>").data("item.autocomplete", item).append($menu_item).appendTo(list);
};
Danbooru.Autocomplete.static_metatags = {