My issue is that i have code something similar

  <div className='flex flex-col'>
    <div className='rounded-lg p-4'>
    <div className='relative'>
      <div className='absolute right-full w-20 h-20'></div>
    </div>
    <div className='p-4'></div>
    </div>
  </div>
</div>

here what I want is a context to the left of my scrollable container. but since i have given scroll-y-auto the absolute container will get cut at the end of parent container (kind of hidden feeling). Is there a way i can display this absolute positioned container/ context on top. I think doing some position:fixed and calculating clientX should work but that requires some calculations. Is there a way to do it using relative and absolute