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;
} |
|
