Tengo un div secundario de números de línea y un área de texto dentro de un div principal. Entonces, lo que necesité es que solo el div principal debe ser desplazable, ni el área de texto ni el div secundario. Además, la altura del padre debe fijarse en 170 px.

El siguiente es el código Jsx

 <div style={{ display: 'flex', overflowY: 'auto', height: '150px', }} > <div style={{ marginRight: '10px' }}> {lineNumbers?.map((item: any) => ( <TextWrapper key={item} text={`${item}`} className={'marginTB2'} /> ))} </div> <textarea rows={6} value={enteredAdrs} onChange={(e) => { setEnteredAdrs(e.target.value) }} onBlur={handleManualData} onKeyDown={handleKeyDown} /> </div>

siguiente es el código css

 textarea{ background-color: #151414; color: #fff; padding: 0; line-height: 157%; box-sizing: border-box; border: none; margin: 0; width: 100%; resize: none !important; height: 100%; } textarea:focus{ box-shadow: none !important; outline: none; }