EasyUI Forum

General Category => Bug Report => Topic started by: iLLuSia on October 20, 2018, 04:01:39 PM

Title: Tagbox DropDownArrow scrolling upwards
Post by: iLLuSia on October 20, 2018, 04:01:39 PM

I have a Tagbox, with remote data, style="max-height: 100px" and hasDownArrow=true. As soon as there are enough values for the box to be full and needing scrolling, the downArrow also scrolls until it disappears completely.

Title: Re: Tagbox DropDownArrow scrolling upwards
Post by: stworthy on October 20, 2018, 07:47:01 PM

The tag has no scrolling feature, please prevent from set the fixed height for the tagbox component. If you really want, please try this code:

Code:

$('#tb').tagbox();
var span = $('#tb').next();
span.css('overflow','auto').bind('scroll',function(e){
	span.find('.textbox-addon').css('top',0);
	var height = $(this)[0].scrollHeight;
	height -= span.height();
	var top = Math.min($(this).scrollTop(),height);
	span.find('.textbox-addon').css('top',top)
})