Skip to main content

Hello,

 

My form include a Multi line controller, I would like to remove the scrollbar and allow dynamic size of the controller.

 

To do this I created a css class auto-expand-textarea, see below.

 

It works but my controller is overlapping other controllers of the form. Resize at startup is Yes.

I spent hours trying to solve this, chatgpt also, including javascript… still no answer 😕 anyone else in the same situation?

.custom-form {
    display: block;
    width: 100%; /* Le formulaire prend toute la largeur */
    overflow: hidden; /* Empêche les débordements */
}.custom-layout {
    display: flex;
    flex-direction: column;
    gap: 15px; /* Espacement entre les contrôles pour éviter les chevauchements */
}.auto-expand-textarea {
    min-height: 50px;
    max-height: 500px;
    overflow-y: hidden;
    resize: none;
    width: 100%;
    box-sizing: border-box;
}.other-control {
    position: relative;
    margin-top: 10px;
    width: 100%;
    box-sizing: border-box;
}

Be the first to reply!

Reply