[richfaces-issues] [JBoss JIRA] Updated: (RF-10939) a4j:ajax example breaks in IE9 based on DOCTYPE

Mon Apr 25 07:48:18 EDT 2011

     [ https://issues.jboss.org/browse/RF-10939?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Nick Belaevski updated RF-10939:
--------------------------------

      Labels: tran  (was: )
    Assignee: Nick Belaevski


> 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ürr
>            Assignee: Nick Belaevski
>              Labels: tran
>
> The sample below is more or less a copy of the example on richfaces showcase site. It works fine in IE9.
>  
> <?xml version="1.0" encoding="UTF-8" ?>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
>         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml"
>       xml:lang="en" lang="en"
>       xmlns:ui="http://java.sun.com/jsf/facelets"
>       xmlns:h="http://java.sun.com/jsf/html"
>       xmlns:f="http://java.sun.com/jsf/core"
>       xmlns:rich="http://richfaces.org/rich"
>       xmlns:a4j="http://richfaces.org/a4j">
> <h:head><title>Test</title></h:head>
> <h:body>
>      <h:form>
>         <h:outputLabel value="Name:" for="nameInput"/>
>         <h:inputText id="nameInput" value="#{helloWorld.name}">
>             <a4j:ajax event="keyup" render="output"/>
>         </h:inputText>
>         <h:outputText value="Hello #{helloWorld.name}!" id="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="1.0" encoding="UTF-8" ?>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
>         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml"
>       xml:lang="en" lang="en"
>       xmlns:ui="http://java.sun.com/jsf/facelets"
>       xmlns:h="http://java.sun.com/jsf/html"
>       xmlns:f="http://java.sun.com/jsf/core"
>       xmlns:rich="http://richfaces.org/rich"
>       xmlns:a4j="http://richfaces.org/a4j">
> <h:head><title>Test</title></h:head>
>  
> <h:body>
>     <a4j:outputPanel ajaxRendered="true" id="dummy"/>
>     <h:form>
>         <h:outputLabel value="Name:" for="nameInput"/>
>         <h:inputText id="nameInput" value="#{helloWorld.name}">
>             <a4j:ajax event="keyup" render="output"/>
>         </h:inputText>
>         <h:outputText value="Hello #{helloWorld.name}!" id="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 panel still works)
> * Remove the DOCTYPE tag, changing it to Strict doesn't work you have to remove it completely...  

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