[richfaces-issues] [JBoss JIRA] Created: (RF-8771) rich:suggestionbox selection disappeared when click browser scroll bars in IE
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