bottom line of selected item in autocomplete dropdown is invisible if backgound image applied to <a/> element

[deng.hui5]

CSS:

.ui-menu a.test{
	background: white url('/a/b/icon16.png') no-repeat;
	padding-left: 16px;
}

JS:

$(this).data( "autocomplete" )._renderItem = function( ul, item ) {
	return $( "<li></li>" )	.data( "item.autocomplete", item ).append( "<a class=test>" + item[code] + "</a>" ).appendTo( ul );

[Scott González]

If you're using a custom render method, I'm not sure what you want us to do. At a minimum we need a reduced test case showing the problem.

[deng.hui5]

I find <a> element in dropdown menu use margin:-1px to reserve space for border of focused item. so I change it to:

.ui-menu a{
	margin:1px 0px 0px;
}
.ui-menu a.ui-state-focus{
	margin:0px;
}

seems fixing this bug.

[Scott González]

We no longer use anchors in the menu items, so this is purely a custom rendering issue now.