JSFiddle - React, Tailwind, and code Playground

HTML

<!-- Bug UI -->
<div id="outer-absolute-perspective">
    <div id="inner-fixed">
        This element will incorrectly move when you check the checkbox.
    </div>
</div>

CSS

#outer-absolute-perspective {
    position: absolute;
    transform: translateX(2px);
    height: 100px;
    width: 100px;
    top: 20px;
    left: 10px;
    bottom: 0;
    right: 0;
}

#inner-fixed {
    position: fixed;
    top: 1px;
    left: 1px;
}