Barra de Rolagem InputTextArea - Primefaces

Front-end
#1

Pessoal to tentando a alguns dias fazer isso mas ainda não consegui.

Seguinte queria fazer com que a barra de rolagem do inputTextArea acompanhasse o texto.

Olha só meu código.


<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Sala de Bate Papo</title>
    </head>
    <f:view> 
                <body>
                    <h:form id="formPapo">
                        

                            <p:poll interval="2"  update="formPapo:mensagens"/>

                            <p:inputTextarea id="mensagens" value="#{clienteSocketBean.mensagensRecebidas}" rows="10" cols="50" autoResize="false" /> <br/>
                                             
                            

                    </h:form>
                </body>
    </f:view>
</html>

No meu Bean


package br.com.bssistemas.portaleduc.managedbeans;


import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;


@ManagedBean
@SessionScoped
public class ClienteSocketBean {

   private String mensagensRecebidas;



    public String getMensagensRecebidas() {
         mensagensRecebidas += "Texto";
    }

    public void setMensagensRecebidas(String mensagensRecebidas) {
        this.mensagensRecebidas = mensagensRecebidas;
    }

}

O textArea está atualizando e sendo preenchido com “Texto”, mas eu queria que quando o texto excedesse o tamanho do campo a barra
de rolagem acompanhasse o texto.

Aguardo.

Obrigado.

#2

Dá uma olhada nesse código:

<h:panelGrid columns="1" width="100%">
    <h:outputText value="Notes:" />
    <p:inputTextarea id="ocPOC1NotesTx" value="#{pf_ordersController.selected.orderCustomerPointOfContacts[0].pointOfContact.notesId.notesTx}"
                        maxlength="32700" rows="5" style="width: 100% !important;" autoResize="false"
                        counter="ocPOC1NotesTx_counter" counterTemplate="{0} characters remaining."/>
    <h:outputText id="ocPOC1NotesTx_counter" />
</h:panelGrid>

Usei ele uma vez, pelo que eu me lembro o componente inputTextArea do primefaces não tem scroll. Daí precisa do panel para isso.

#3

Não entendi o código,

poderia me explicar por favor?

o que exatamente faz a barra ?

#4

HenriqueBR a barra apareceu mas ela ainda está ficando em cima quando o texto excede o tamanho do campo.

#5