ICEfaces
  1. ICEfaces
  2. ICE-2852

Make AutoComplete list scrollable

          Details

          • Type: Improvement Improvement
          • Status: Closed
          • Priority: Major Major
          • Resolution: Invalid
          • Affects Version/s: 1.7Beta1
          • Fix Version/s: None
          • Component/s: ICE-Components
          • Labels:
            None
          • Environment:
            All

            Description

            Split from ICE-2225.

            Allow the autocomplete list to be scrolled if it exceeds a specified width or height. Note that it is not as simple as is suggested in the forum:

            - "div.setAttribute(HTML.STYLE_ATTR..." will indiscriminately overwrite previously-set styles.
            - width and height should logically be specified in the style class "iceSelInpTxtList", but that will affect the behavior of existing applications.
            - the component has already got a "width" attribute.
            - the IE scrolling fix detailed at http://dev.rubyonrails.org/ticket/4782 seems disproportionately complicated.
            - ...?
            1. File
              ice-extras.js
              247 kB
              Michelle Cannon
            2. Java Source File
              SelectInputTextRenderer.java
              13 kB
              Michelle Cannon

              Activity

              Ascending order - Click to sort in descending order
              Hide
              Permalink
              yip.ng added a comment -

              Additional comment from forum:
              http://www.icefaces.org/JForum/posts/list/5929.page#36517

              Show
              yip.ng added a comment - Additional comment from forum: http://www.icefaces.org/JForum/posts/list/5929.page#36517
              Hide
              Permalink
              Ezio Di Nisio added a comment -

              Set the style on div (that contains the item) to have the vertical/horiz. scroll works on firefox (scroll can also be set via CSS or via javascript). The problem is on chrome and IE: if you click on the scroll bar the list disappears, as if you clicked on the outside.
              I try to solve it in another way...

              Show
              Ezio Di Nisio added a comment - Set the style on div (that contains the item) to have the vertical/horiz. scroll works on firefox (scroll can also be set via CSS or via javascript). The problem is on chrome and IE: if you click on the scroll bar the list disappears, as if you clicked on the outside. I try to solve it in another way...
              Hide
              Permalink
              Ezio Di Nisio added a comment -

              The problem is general: when clicking on a div's scroll bar fires the blur event in I.E and chrome.
              So when you clicking on autocomplete div's scroll in I.E. and Chrome the inputtext lost focus and the div-list disappears.
              any suggestion:
              https://prototype.lighthouseapp.com/projects/8887/tickets/248-results-popup-from-ajaxautocompleter-disappear-when-user-clicks-on-scrollbars-in-ie6ie7
              http://stackoverflow.com/questions/2023779/clicking-on-a-divs-scroll-bar-fires-the-blur-event-in-i-e

              i try to solve it...

              Show
              Ezio Di Nisio added a comment - The problem is general: when clicking on a div's scroll bar fires the blur event in I.E and chrome. So when you clicking on autocomplete div's scroll in I.E. and Chrome the inputtext lost focus and the div-list disappears. any suggestion: https://prototype.lighthouseapp.com/projects/8887/tickets/248-results-popup-from-ajaxautocompleter-disappear-when-user-clicks-on-scrollbars-in-ie6ie7 http://stackoverflow.com/questions/2023779/clicking-on-a-divs-scroll-bar-fires-the-blur-event-in-i-e i try to solve it...
              Hide
              Permalink
              Yaron Benjamin added a comment -

              I am Using IceFaces 1.8.1 and I am experianceing the same issue. This doesn't seem to be addressed. Is there a work-around? The resolution does not fix 1.8.1

              Show
              Yaron Benjamin added a comment - I am Using IceFaces 1.8.1 and I am experianceing the same issue. This doesn't seem to be addressed. Is there a work-around? The resolution does not fix 1.8.1
              Hide
              Permalink
              Ezio Di Nisio added a comment -

              The solution is sample for icefaces developer : the div with absolute positioning that appears MUST BE a tag <ul> NOT A DIV

              Either can not be used ICEfaces component if you need a scroll, but you have to make one from scratch.

              Show
              Ezio Di Nisio added a comment - The solution is sample for icefaces developer : the div with absolute positioning that appears MUST BE a tag <ul> NOT A DIV Either can not be used ICEfaces component if you need a scroll, but you have to make one from scratch.
              Hide
              Permalink
              Ken Fyten added a comment -

              Marking as Closed / Invalid as part of legacy ICEfaces ICE / Compat component JIRA cleanup.

              Note: This issue may be resolved in a newer ICEfaces release, available here: http://www.icesoft.org/java/downloads/icefaces-downloads.jsf

              If the issue persists with the current ICEfaces release, please create a new JIRA for it.

              Show
              Ken Fyten added a comment - Marking as Closed / Invalid as part of legacy ICEfaces ICE / Compat component JIRA cleanup. Note: This issue may be resolved in a newer ICEfaces release, available here: http://www.icesoft.org/java/downloads/icefaces-downloads.jsf If the issue persists with the current ICEfaces release, please create a new JIRA for it.

                People

                • Assignee:
                  Unassigned
                  Reporter:
                  yip.ng
                • Votes:
                  10 Vote for this issue
                  Watchers:
                  8 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: