JSFiddle - React, Tailwind, and code Playground

HTML

<span class="inputWrapper">
  <input type="text" disabled />
  <div class="mouseEventTarget"></div>
</span>

CSS

.inputWrapper{
    position:relative;
}
.mouseEventTarget{
    position:absolute; 
    left:0; 
    right:0; 
    top:0; 
    bottom:0; 
    cursor: text
}

JavaScript

$(document).on('contextmenu', 'input:disabled + .mouseEventTarget', function(e){ 
    return false; 
});