JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    In order to prevent default behavior of Firefox browser <br /> you need to go for a kind of hack/trick here is the trick, bring the  div above the input box using z-index and firing the event of parent div i.e inputWrapper
     <br /><br />
    	<div class="inputWrapper"> &nbsp;
      <input class="disabled" disabled   type="text"  />
            
           
    </div>
      <br />
      Note: z-index of parent div should always greater then the input element

CSS

.inputWrapper{width:208px;z-index:9;}
.disabled {
z-index: -1;
position: absolute;
width:200px;
}

JavaScript

$(document).on("contextmenu", ".inputWrapper", function(e){
   return false;
});