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

        
_______________________________________________
richfaces-issues mailing list
[email protected]
https://lists.jboss.org/mailman/listinfo/richfaces-issues

Reply via email to