ICEfaces
  1. ICEfaces
  2. ICE-11049

ace:fileEntry - Add browser level title tooltip for input field in IE

    Details

    • Type: Improvement Improvement
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: EE-3.3.0.GA_P03, 4.1.1
    • Fix Version/s: EE-4.2.0.GA, EE-3.3.0.GA_P05
    • Component/s: ACE-Components
    • Labels:
      None
    • Environment:
      IE

      Description

      Currently when hovering over the input field after a file has been uploaded, there is a browser level title tooltip shown in Firefox. This tooltip is not shown in IE.

      This is likely due to how the browsers render an HTML <input type="file"...> component.

      This JIRA is to investigate possibilities in having IE render a similar browser level tooltip.

      The main reason for this is to display the content of the input field in the tooltip, which is helpful if the file name length is longer than the width of the input field.

      This behavior can be reproduced with the Showcase demo's.
      1. Chrome.png
        21 kB
      2. FF.png
        20 kB
      3. IE11.png
        18 kB
      4. MSedge.png
        17 kB

        Activity

        Arran Mccullough created issue -
        Arran Mccullough made changes -
        Field Original Value New Value
        Assignee Ken Fyten [ ken.fyten ]
        Ken Fyten made changes -
        Assignee Ken Fyten [ ken.fyten ] Arturo Zambrano [ artzambrano ]
        Fix Version/s EE-4.2.0.GA [ 13071 ]
        Fix Version/s EE-3.3.0.GA_P05 [ 13082 ]
        Assignee Priority P3 [ 10012 ]
        Hide
        Arturo Zambrano added a comment -

        r51743: improvement to display a native browser tooltip when hovering over the file input field, across browsers

        Added an onchange listener to the file input to add a title attribute to the parent div, displaying the name of the file. Note that this is only applicable in the single mode, since in the multiple mode all file input elements are hidden plus the file names are displayed in the table below. This is also not applicable if autoUpload="true", because it's just not necessary.

        Show
        Arturo Zambrano added a comment - r51743: improvement to display a native browser tooltip when hovering over the file input field, across browsers Added an onchange listener to the file input to add a title attribute to the parent div, displaying the name of the file. Note that this is only applicable in the single mode, since in the multiple mode all file input elements are hidden plus the file names are displayed in the table below. This is also not applicable if autoUpload="true", because it's just not necessary.
        Arturo Zambrano made changes -
        Status Open [ 1 ] Resolved [ 5 ]
        Resolution Fixed [ 1 ]
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #51743 Tue Jul 11 12:28:47 MDT 2017 art.zambrano ICE-11049 improvement to display a native browser tooltip when hovering over the file input field, across browsers
        Files Changed
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/component/src/org/icefaces/ace/component/fileentry/FileEntryRenderer.java
        Liana Munroe made changes -
        Attachment Chrome.png [ 22564 ]
        Attachment FF.png [ 22565 ]
        Attachment IE11.png [ 22566 ]
        Attachment MSedge.png [ 22567 ]
        Hide
        Liana Munroe added a comment -

        Verified ICEfaces EE-4.2.0.RC1 Jenkins build 2, MS Edge, IE 11, 10, 9, 8, FF 47, Chrome 53. Each browser has a different tooltip text as seen in attached screen-shots.
        Reopening because the fix needs to be backported to EE-3.3.0 branch.

        Show
        Liana Munroe added a comment - Verified ICEfaces EE-4.2.0.RC1 Jenkins build 2, MS Edge, IE 11, 10, 9, 8, FF 47, Chrome 53. Each browser has a different tooltip text as seen in attached screen-shots. Reopening because the fix needs to be backported to EE-3.3.0 branch.
        Liana Munroe made changes -
        Resolution Fixed [ 1 ]
        Status Resolved [ 5 ] Reopened [ 4 ]
        Hide
        Arturo Zambrano added a comment -

        r51754: backported fix to the EE 3.3 maintenance branch

        Show
        Arturo Zambrano added a comment - r51754: backported fix to the EE 3.3 maintenance branch
        Arturo Zambrano made changes -
        Status Reopened [ 4 ] Resolved [ 5 ]
        Resolution Fixed [ 1 ]
        Show
        Arturo Zambrano added a comment - r51755: backported fix to http://dev.icesoft.com/svn/ossrepo/icefaces-ee/patches/icefaces-ee-3.3.0_P04-Syracom-Build
        Hide
        Liana Munroe added a comment -

        Verified ICEfaces EE-3.3.0 maintenance branch r51820, Tomcat 8, MS Edge, IE 11, 10, 9, 8, 7, FF 55, Chrome 60.

        Show
        Liana Munroe added a comment - Verified ICEfaces EE-3.3.0 maintenance branch r51820, Tomcat 8, MS Edge, IE 11, 10, 9, 8, 7, FF 55, Chrome 60.
        Ken Fyten made changes -
        Status Resolved [ 5 ] Closed [ 6 ]

          People

          • Assignee:
            Arturo Zambrano
            Reporter:
            Arran Mccullough
          • Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved: