JSFiddle - React, Tailwind, and code Playground

by Ea Bangalore

HTML

<div class="no-sticky">
    <input type="text">
    <span class="icon"></span>
</div>

<hr>

<div class="sticky">
    <input type="text">
    <span class="icon"></span>
</div>

CSS

.sticky,.no-sticky{
  width:250px;
  position: relative;
  
}

.sticky input{
   position: sticky;  
   z-index: 23;
}

.icon:before{
    content: "...";
    position: absolute;
    font-size: 31px;
    top: -16px;
    right: 84px;
}