JSFiddle - React, Tailwind, and code Playground

by web designer

HTML

<div id="main">
    
    <div id="inner">I want this div to slide left on some action</div>
    <div class="dummy">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis enim molestias illo id voluptas tempora minima sunt fugiat voluptatibus voluptatem dolores omnis iste. Fuga facilis adipisci similique explicabo sunt alias! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam omnis esse saepe eveniet modi harum quae laborum eaque vero nesciunt consequuntur placeat nisi velit commodi minima itaque voluptatem necessitatibus quasi.</div>
</div>

CSS

#main
{
   position:fixed;
   height:200px;
   width:300px;
   background:#ccc;
   overflow:auto;
   margin-left:50px;
}

.dummy
{
 background:red;
 width:200px;
}

#inner
{
  position:inherit;
  width:80px;
  background:#000;
  left:59px;
  color:#fff;
 
}