Bom, vou reecrever o problema, porque realmente com o titulo falando de input fico meio complicado =P
É o seguinte, eu tenho uma tela onde o usuario coloca mensgens, dai dentro de um dataTable eu recupero todas as mensagens e monto algo parecido com aqueles Shoutbox.
<rich:dataTable id="messagesPanel"
value="#{chamadoController.mensagens}"
var="item"
style="width:95%;"
rowClasses="rowMessageNoColor,rowMessageColor">
<rich:column style="width: 150px;">
<h:panelGrid columns="2" width="100%">
<rich:column>
<h:outputText value="#{item.usuario.nome}" styleClass="#{item.usuario.tipo}"/>
<br/>
<h:outputText value="#{item.dataEnvio}" styleClass="sample-text">
<f:convertDateTime pattern="dd/MM/yyyy HH:mm:ss" type="both" timeZone="America/Sao_Paulo" />
</h:outputText>
</rich:column>
<rich:column rendered="#{item.notificado}">
<h:graphicImage value="/images/email.png"/>
</rich:column>
</h:panelGrid>
</rich:column>
<rich:column >
<pre width="100%" style="font-family: 'arial', cursive;" >
<h:outputText value="#{item.mensagem}"/>
</pre>
</rich:column>
</rich:dataTable>
Esse código esta funcionando perfeitamente no Firefox, quebrando linha quando chega ao limite da pagina e tals. Porem no Google Chrome ele não respeita os tamanhos e cria barra de rolagem inferior e diminui o tamanho de todos os outros componentes.
Não sei se ficou mais claro o problema agora.
Dai gostaria de saber se tem como fazer essa “quebra de linha” de outra forma, sem ser com essa tag
(que foi o unico jeito que achei, sem ser com javascript ou manipulando a string no java e adicionando os
)