https://codepen.io/ychan052/pen/GRpvOdZ
I am having a little trouble with HTML/CSS. I am trying to make it so that items inside the search-output divs overlap the textarea, but do not overlap one another. I used relative for outside div, and absolute for inside div as suggested by stackoverflow answers. But, it doesn’t seem to work still. If anyone know a way to fix it, please let me know.
I’m not really sure what you’re trying to do, or why you would want to have the search-output stuff inside but not part of a textarea. Regardless, if this is what you’re looking for:

then all you have to do is change your matchlist position
to absolute
, and remove the position:absolute
from your search-output
. Just keep in mind that this will become really hard to read as soon as the user enters something in the text area.
1 Like