ICEfaces
  1. ICEfaces
  2. ICE-9567

ace:dialog JS error on IE7/8 when widgetVar referenced from outside the containing form

    Details

    • Type: Bug Bug
    • Status: Open
    • Priority: Major Major
    • Resolution: Unresolved
    • Affects Version/s: EE-3.3.0.GA_P01, EE-3.3.0.GA_P02
    • Fix Version/s: None
    • Component/s: ACE-Components
    • Labels:
      None
    • Environment:
      Mojarra or MyFaces

      Description

      The following test case results in a JS error on IE 7 or 8 on page load ("Object doesn't support this property.."):

      <?xml version="1.0" encoding="ISO-8859-1" ?>
       <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
       <html xml:lang="de" lang="de" xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:icecore="http://www.icefaces.org/icefaces/core"
        xmlns:ace="http://www.icefaces.org/icefaces/components"
        xmlns:ice="http://www.icesoft.com/icefaces/component"
        xmlns:c="http://java.sun.com/jsp/jstl/core">
       <h:head>
        <title></title>
       
       </h:head>
       
       <h:body>
        <ace:dialog id="helpDialog" header="Help" widgetVar="helpDialog"
        closable="true" modal="true" draggable="false" showEffect="clip"
        hideEffect="fade" closeOnEscape="true" width="400" height="600">
        <h:outputText value="Help Dialog" />
        </ace:dialog>
       
        <h:form id="form">
        <ace:panel header="Test" closable="false" toggleable="false">
        <h:commandLink immediate="true" value="> Dialog" onclick="helpDialog.show();" />
       
        </ace:panel>
        </h:form>
       
       </h:body>
       </html>

      Moving the commandLink inside the form appears to correct the issue.

        Issue Links

          Activity

          Philip Breau created issue -
          Philip Breau made changes -
          Field Original Value New Value
          Description The following test case results in a JS error on IE 7 or 8 on page load ("Object doesn't support this property.."):

          {code}
          <?xml version="1.0" encoding="ISO-8859-1" ?>
           <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
           <html xml:lang="de" lang="de" xmlns="http://www.w3.org/1999/xhtml"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:f="http://java.sun.com/jsf/core"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:icecore="http://www.icefaces.org/icefaces/core"
            xmlns:ace="http://www.icefaces.org/icefaces/components"
            xmlns:ice="http://www.icesoft.com/icefaces/component"
            xmlns:c="http://java.sun.com/jsp/jstl/core">
           <h:head>
            <title></title>
           
           </h:head>
           
           <h:body>
            <ace:dialog id="helpDialog" header="Help" widgetVar="helpDialog"
            closable="true" modal="true" draggable="false" showEffect="clip"
            hideEffect="fade" closeOnEscape="true" width="400" height="600">
            <h:outputText value="Help Dialog" />
            </ace:dialog>
           
            <h:form id="form">
            <ace:panel header="Test" closable="false" toggleable="false">
            <h:commandLink immediate="true" value="> Dialog" onclick="helpDialog.show();" />
           
            </ace:panel>
            </h:form>
           
           </h:body>
           </html>
          {code}

          Moving the commandLink inside the form appears to correct the issue.
          The following test case results in a JS error on IE 7 or 8 on page load ("Object doesn't support this property.."):

          {code:xml}
          <?xml version="1.0" encoding="ISO-8859-1" ?>
           <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
           <html xml:lang="de" lang="de" xmlns="http://www.w3.org/1999/xhtml"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:f="http://java.sun.com/jsf/core"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:icecore="http://www.icefaces.org/icefaces/core"
            xmlns:ace="http://www.icefaces.org/icefaces/components"
            xmlns:ice="http://www.icesoft.com/icefaces/component"
            xmlns:c="http://java.sun.com/jsp/jstl/core">
           <h:head>
            <title></title>
           
           </h:head>
           
           <h:body>
            <ace:dialog id="helpDialog" header="Help" widgetVar="helpDialog"
            closable="true" modal="true" draggable="false" showEffect="clip"
            hideEffect="fade" closeOnEscape="true" width="400" height="600">
            <h:outputText value="Help Dialog" />
            </ace:dialog>
           
            <h:form id="form">
            <ace:panel header="Test" closable="false" toggleable="false">
            <h:commandLink immediate="true" value="> Dialog" onclick="helpDialog.show();" />
           
            </ace:panel>
            </h:form>
           
           </h:body>
           </html>
          {code}

          Moving the commandLink inside the form appears to correct the issue.
          Philip Breau made changes -
          Description The following test case results in a JS error on IE 7 or 8 on page load ("Object doesn't support this property.."):

          {code:xml}
          <?xml version="1.0" encoding="ISO-8859-1" ?>
           <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
           <html xml:lang="de" lang="de" xmlns="http://www.w3.org/1999/xhtml"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:f="http://java.sun.com/jsf/core"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:icecore="http://www.icefaces.org/icefaces/core"
            xmlns:ace="http://www.icefaces.org/icefaces/components"
            xmlns:ice="http://www.icesoft.com/icefaces/component"
            xmlns:c="http://java.sun.com/jsp/jstl/core">
           <h:head>
            <title></title>
           
           </h:head>
           
           <h:body>
            <ace:dialog id="helpDialog" header="Help" widgetVar="helpDialog"
            closable="true" modal="true" draggable="false" showEffect="clip"
            hideEffect="fade" closeOnEscape="true" width="400" height="600">
            <h:outputText value="Help Dialog" />
            </ace:dialog>
           
            <h:form id="form">
            <ace:panel header="Test" closable="false" toggleable="false">
            <h:commandLink immediate="true" value="> Dialog" onclick="helpDialog.show();" />
           
            </ace:panel>
            </h:form>
           
           </h:body>
           </html>
          {code}

          Moving the commandLink inside the form appears to correct the issue.
          The following test case results in a JS error on IE 7 or 8 on page load ("Object doesn't support this property.."):

          <?xml version="1.0" encoding="ISO-8859-1" ?>
           <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
           <html xml:lang="de" lang="de" xmlns="http://www.w3.org/1999/xhtml"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:f="http://java.sun.com/jsf/core"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:icecore="http://www.icefaces.org/icefaces/core"
            xmlns:ace="http://www.icefaces.org/icefaces/components"
            xmlns:ice="http://www.icesoft.com/icefaces/component"
            xmlns:c="http://java.sun.com/jsp/jstl/core">
           <h:head>
            <title></title>
           
           </h:head>
           
           <h:body>
            <ace:dialog id="helpDialog" header="Help" widgetVar="helpDialog"
            closable="true" modal="true" draggable="false" showEffect="clip"
            hideEffect="fade" closeOnEscape="true" width="400" height="600">
            <h:outputText value="Help Dialog" />
            </ace:dialog>
           
            <h:form id="form">
            <ace:panel header="Test" closable="false" toggleable="false">
            <h:commandLink immediate="true" value="> Dialog" onclick="helpDialog.show();" />
           
            </ace:panel>
            </h:form>
           
           </h:body>
           </html>

          Moving the commandLink inside the form appears to correct the issue.
          Carmen Cristurean made changes -
          Affects Version/s EE-3.3.0.GA_P02 [ 11371 ]
          Ken Fyten made changes -
          Link This issue depends on ICE-9960 [ ICE-9960 ]

            People

            • Assignee:
              Unassigned
              Reporter:
              Philip Breau
            • Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

              • Created:
                Updated: