console
const www = document.querySelector('.www')
www.addEventListener('focus',(e)=>{
e.preventDefault()
})
www.addEventListener('select',(e)=>{
e.stopPropagation()
})
www.addEventListener('select',(e)=>{
e.preventDefault()
})
www.addEventListener('select',(e)=>{
e.preventDefault()
})
www.addEventListener('focus',(e)=>{
e.preventDefault()
e.stopPropagation()
})
<div class="wrapper">
<div class='wow'>23213
312312321
31223213312
321312
312312321
31223213312
321312
312312321
31223213312
321312
321312
312312321
31223213312
321312
321312
312312321
31223213312
321312
<input value='123' type="" style='width:120px;' class='www'>
</div>
</div>
.wow{
white-space: pre-wrap;
background: gainsboro;
height:200px;
overflow: scroll;
}
.www{
position: absolute;
bottom:0
}
.wrapper{
position:relative;
}