#114 new

autocomplete - div scrollbar closes suggest list

Reported by spotlight2001 | November 7th, 2008 @ 02:14 PM

If you have a autocomplete list with a scrollbar. Then try to scroll down - as soon as you click the scrollbar - the DIV list goes away.

my pity workaround:


var Autocompleter = { }
Autocompleter.Base = Class.create({

  onBlur: function(event) {
	//if click on scrollbar of DIV
	//it gets closed
	//we try to estimate whether it was clicked
	//let go if x offset > 310
	//or let go if y offset < 0
	if (event.offsetX > 310) {
		//good may close
	} else if (event.offsetY < 0) {
		//good - may close
	} else {
		//prevent autocomplete close
		return false;

    // needed to make click events working
    setTimeout(this.hide.bind(this), 250);
    this.hasFocus = false;
    this.active = false;

Comments and changes to this ticket

  • dannysamuel

    dannysamuel January 19th, 2019 @ 06:12 AM

    • Importance changed from “” to “”

    I had a go at handling my issues nonetheless it tense being additional unpleasant on behalf of me. I usually tend to overthink additional usually than not and after I tried to essentially upset my musings, my mind simply could not get everything got wind of. I continued overthinking more https://writeversity.com/ as opposed to quiet my nerves down. Reflection helped a considerable measure however, It gave me a serene and calm personality when I required it most. I'll commit to hone alternate tips that you simply have aforementioned here, ideally it'll be of help on behalf of me.

Please Sign in or create a free account to add a new ticket.

With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.

New-ticket Create new ticket

Create your profile

Help contribute to this project by taking a few moments to create your personal profile. Create your profile ยป

script.aculo.us is an open-source JavaScript framework for visual effects and interface behaviours.
<br/><b>Source available from github</b>
The Git repository resides at:
<a href="http://github.com/madrobby/scriptaculous">http://github.com/madrobby/scriptaculous</a>
<br/>Check out the current development trunk with:
<code>git clone git://github.com/madrobby/scriptaculous.git</code>
<br/>As <b>script.aculo.us 1.xx is feature-frozen</b>, this development trunk is for <b>bugfixes only</b>.
<br/>New development should happen only for
<b>script.aculo.us 2</b>.
<br/><b>Creating a bug report</b>
When creating a bug report, be sure to include as much relevant information as possible. Post a an example that shows off the problem. Preferably, <b>alter the unit tests</b> and show through either changed or added tests how the expected behavior is not occuring.

People watching this ticket