[richfaces-issues] [JBoss JIRA] Created: (RF-8771) rich:suggestionbox selection disappeared when click browser scroll bars in IE

Alan Chan (JIRA) jira-events at lists.jboss.org
Fri Jun 18 05:04:07 EDT 2010


rich:suggestionbox selection disappeared when click browser scroll bars in IE
-----------------------------------------------------------------------------

                 Key: RF-8771
                 URL: https://jira.jboss.org/browse/RF-8771
             Project: RichFaces
          Issue Type: Bug
      Security Level: Public (Everyone can see)
          Components: component-input
    Affects Versions: 3.3.3.Final, 3.3.3.CR1, 3.3.3.BETA1, 3.3.2.SR1
         Environment: Apache MyFaces 1.2.8, Facelets 1.1.14, Richfaces 3.3.2.SR1, Windows XP, IE 7.
            Reporter: Alan Chan


Go to the Richfaces livedemo suggestionbox usage:
http://livedemo.exadel.com/richfaces-demo/richfaces/suggestionBox.jsf

Resize IE browser small enough to trigger the Browser scrollbar to be shown.
Type something in the suggestionbox and show some choices.
Then click the scrollbar.
The selection choices are disappeared.

Only IE happens. Firefox 3.5, Safari and Chrome has no problem. (i.e. can scroll the scroll bar and then select the choices from suggestionbox)

Scenerio: when the suggestion box is placed near the edge of the browser viewport, user want to scroll the scrollbar to see the selection choices. See attached screenshot.

I found a little workaround that works. In file /ui/suggestionbox/src/main/resources/org/richfaces/renderkit/html/scripts/suggestionbox.js

        //IE only 
        if (RichFaces.navigatorType() == RichFaces.MSIE) {
	        Event.observe(this.element, "focusout", function(event) {
	        	var elt = event.toElement;
	        	if (elt.parentElement == null) { //------------ added. Because when click the browser scrollbar, the elt is <HTML>
	        		this.element.keepFocus = true; //-----------added
	           	elt = undefined; //----------added
	        	} //----------added
	        	while (elt) {
	        		if (elt == this.update) {
	        			this.element.keepFocus = true;
	                	elt = undefined;
	        		} else {
	        			elt = elt.parentNode;
	        		}
	        	}
	        }.bindAsEventListener(this));
        }

A better solution should be, e.g. when displaying the suggestion, and if the textbox is too close to the bottom of the viewport, the selection should snap to the top of the textbox i/o always snap to the bottom.

-- 
This message is automatically generated by JIRA.
-
If you think it was sent incorrectly contact one of the administrators: https://jira.jboss.org/secure/Administrators.jspa
-
For more information on JIRA, see: http://www.atlassian.com/software/jira

        


More information about the richfaces-issues mailing list