ICEfaces
  1. ICEfaces
  2. ICE-9843

mobi:dataView - checkbox styling missing and sorting columns causes table content to become empty (IE10/11)

    Details

    • Type: Bug Bug
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: 4.0.BETA
    • Fix Version/s: 4.0
    • Component/s: MOBI-Components
    • Labels:
      None
    • Environment:
      ICEfaces4 trunk revision# 40028
      IE 10/11
      showcase/showcase-mobile.jsf
    • Assignee Priority:
      P2

      Description

      1) Sorting any column in the dataView demo casues the table content to become empty. In IE10, there is a JS error:
      Message: Unable to get property 'innerHTML' of undefined or null reference
      Line: 8946
      Char: 17
      Code: 0
      URI: http://10.18.39.133:8080/showcase/showcase-mobile.jsf

      To reproduce:
      1) Deploy showcase test app and go to showcase/showcase-mobile.jsf in IE10 or 11
      2) Navigate to Data View demo
      3) Sort one of the columns by clicking on it
      Table will become empty and in IE10 the JS error will be seen (might need to sort again to see it).

      2) The checkboxes in the Manual column of the dataView component are missing. This can be seen in the same demo as above.
      1. IE10.PNG
        17 kB
      2. IE9.PNG
        19 kB

        Issue Links

          Activity

          Hide
          Mircea Toma added a comment -

          Use removeChild method to remove the TR elements so that they are still around (but detached) before adding them back sorted. Previously the TR elements were removed by emptying the HTML content of the TBODY element (which discards the children right away).

          Show
          Mircea Toma added a comment - Use removeChild method to remove the TR elements so that they are still around (but detached) before adding them back sorted. Previously the TR elements were removed by emptying the HTML content of the TBODY element (which discards the children right away).
          Hide
          Liana Munroe added a comment - - edited

          The column sorting issue has been resolved however the check-boxes in the manual column are still not rendered in IE 9, 10, 11. Icefaces 4 trunk r41324.

          Show
          Liana Munroe added a comment - - edited The column sorting issue has been resolved however the check-boxes in the manual column are still not rendered in IE 9, 10, 11. Icefaces 4 trunk r41324.
          Hide
          Mircea Toma added a comment -

          I see the check-boxes in the "Manual" rendered correctly before and after sorting.

          Show
          Mircea Toma added a comment - I see the check-boxes in the "Manual" rendered correctly before and after sorting.
          Hide
          Liana Munroe added a comment -

          Icefaces 4 trunk r 41336, Tomcat 7.
          Please see attached screenshots for IE 9 and 10 when showcase/showcase-mobile.jsf has loaded Data View Demo. No check boxes are rendered in the manual column.

          Show
          Liana Munroe added a comment - Icefaces 4 trunk r 41336, Tomcat 7. Please see attached screenshots for IE 9 and 10 when showcase/showcase-mobile.jsf has loaded Data View Demo. No check boxes are rendered in the manual column.
          Hide
          Mircea Toma added a comment -

          Managed to reproduce exception with showcase application, DataView test on the mobile side of the application.
          The following error is observed:

          CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. 
          fontawesome-webfont.ttf
          
          Show
          Mircea Toma added a comment - Managed to reproduce exception with showcase application, DataView test on the mobile side of the application. The following error is observed: CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. fontawesome-webfont.ttf
          Hide
          Mircea Toma added a comment -

          The CSS error is reproducible only when accessing the application remotely.

          Show
          Mircea Toma added a comment - The CSS error is reproducible only when accessing the application remotely.
          Hide
          Mircea Toma added a comment -

          The issue was caused by missing definition files that should have been available in the same directory with FontAwesome.otf and fontawesome-webfont.ttf. Adding the following files solved the permission problem:
          fontawesome-webfont.woff, fontawesome-webfont.svg and fontawesome-webfont.eot.

          Show
          Mircea Toma added a comment - The issue was caused by missing definition files that should have been available in the same directory with FontAwesome.otf and fontawesome-webfont.ttf . Adding the following files solved the permission problem: fontawesome-webfont.woff , fontawesome-webfont.svg and fontawesome-webfont.eot .
          Hide
          Mircea Toma added a comment -

          Also added the necessary rules for the font-face to make IE render FontAwesome characters (copied as well from icemobile project).

          Show
          Mircea Toma added a comment - Also added the necessary rules for the font-face to make IE render FontAwesome characters (copied as well from icemobile project).
          Hide
          Liana Munroe added a comment -

          Verified Icefaces 4 trunk r41612. Tomcat 7, IE 10, 11.

          Show
          Liana Munroe added a comment - Verified Icefaces 4 trunk r41612. Tomcat 7, IE 10, 11.

            People

            • Assignee:
              Mircea Toma
              Reporter:
              Cruz Miraback
            • Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: