From jira-events at lists.jboss.org Tue Apr 19 08:27:33 2011
Content-Type: multipart/mixed; boundary="===============4502847707128184896=="
MIME-Version: 1.0
From: =?utf-8?q?Magnus_D=C3=BCrr_=28JIRA=29_=3Cjira-events_at_lists=2Ejboss=2Eo?=
 =?utf-8?q?rg=3E?=
To: richfaces-issues at lists.jboss.org
Subject: [richfaces-issues] [JBoss JIRA] Created: (RF-10939) a4j:ajax example
 breaks in IE9 based on DOCTYPE
Date: Tue, 19 Apr 2011 08:27:33 -0400
Message-ID: <195392528.38429.1303216053084.JavaMail.tomcat@jira02.app.mwc.hst.phx2.redhat.com>

--===============4502847707128184896==
Content-Type: text/plain; charset="utf-8"
MIME-Version: 1.0
Content-Transfer-Encoding: quoted-printable

a4j:ajax example breaks in IE9 based on DOCTYPE
-----------------------------------------------

                 Key: RF-10939
                 URL: https://issues.jboss.org/browse/RF-10939
             Project: RichFaces
          Issue Type: Bug
      Security Level: Public (Everyone can see)
            Reporter: Magnus D=C3=BCrr


The sample below is more or less a copy of the example on richfaces showcas=
e site. It works fine in IE9.
 =


<?xml version=3D"1.0" encoding=3D"UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns=3D"http://www.w3.org/1999/xhtml"
      xml:lang=3D"en" lang=3D"en"
      xmlns:ui=3D"http://java.sun.com/jsf/facelets"
      xmlns:h=3D"http://java.sun.com/jsf/html"
      xmlns:f=3D"http://java.sun.com/jsf/core"
      xmlns:rich=3D"http://richfaces.org/rich"
      xmlns:a4j=3D"http://richfaces.org/a4j">

<h:head><title>Test</title></h:head>

<h:body>
     <h:form>
        <h:outputLabel value=3D"Name:" for=3D"nameInput"/>
        <h:inputText id=3D"nameInput" value=3D"#{helloWorld.name}">
            <a4j:ajax event=3D"keyup" render=3D"output"/>
        </h:inputText>
        <h:outputText value=3D"Hello #{helloWorld.name}!" id=3D"output"/>
    </h:form>
</h:body>

</html>
 =


The problem occurs when I add other components to the page. In this example=
 I have added an ajax enabled a4j:outputPanel *before* the test form: =

 =


<?xml version=3D"1.0" encoding=3D"UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns=3D"http://www.w3.org/1999/xhtml"
      xml:lang=3D"en" lang=3D"en"
      xmlns:ui=3D"http://java.sun.com/jsf/facelets"
      xmlns:h=3D"http://java.sun.com/jsf/html"
      xmlns:f=3D"http://java.sun.com/jsf/core"
      xmlns:rich=3D"http://richfaces.org/rich"
      xmlns:a4j=3D"http://richfaces.org/a4j">

<h:head><title>Test</title></h:head>
 =


<h:body>
    <a4j:outputPanel ajaxRendered=3D"true" id=3D"dummy"/>

    <h:form>
        <h:outputLabel value=3D"Name:" for=3D"nameInput"/>
        <h:inputText id=3D"nameInput" value=3D"#{helloWorld.name}">
            <a4j:ajax event=3D"keyup" render=3D"output"/>
        </h:inputText>
        <h:outputText value=3D"Hello #{helloWorld.name}!" id=3D"output"/>
    </h:form>

</h:body>
 =

</html>
 =


Now the code stops working in IE9, still works fine in Firefox. After some =
trial and error I have found two ways to make the example work again:  =


* Move the a4j output panel below the form (have not tested if the output p=
anel still works)
* Remove the DOCTYPE tag, changing it to Strict doesn't work you have to re=
move it completely...  =



--
This message is automatically generated by JIRA.
For more information on JIRA, see: http://www.atlassian.com/software/jira


--===============4502847707128184896==--

