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

Fri Jun 18 05:08:46 EDT 2010

     [ https://jira.jboss.org/browse/RF-8771?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Alan Chan updated RF-8771:
--------------------------

    Attachment: suggestion_scroll.PNG


> 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.2.SR1, 3.3.3.BETA1, 3.3.3.CR1, 3.3.3.Final
>         Environment: Apache MyFaces 1.2.8, Facelets 1.1.14, Richfaces 3.3.2.SR1, Windows XP, IE 7.
>            Reporter: Alan Chan
>         Attachments: suggestion_scroll.PNG
>
>
> 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