JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container-1">
    <div class="container-1-1 position-relative">
        <div class="container-1-1-1">click area overflows to the right</div>
    </div>
</div>
<div class="container-1">
    <div class="container-1-1">
        <div class="container-1-1-1">no click area overflow</div>
    </div>
</div>

CSS

.container-1 {
  margin: 64px;
}
.container-1-1 {
  display: block;
  background-color: #00f;
  cursor: pointer;
  box-shadow: 0 16px 32px 0 #000f1e;
  overflow: hidden;
}
.container-1-1-1 {
  width: 110%;
  background-color: #008000;
}
.position-relative {
  position: relative;
}