JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" value="1" disabled="disabled">
<input type="text" value="1" disabled="disabled">
<input type="text" value="1" disabled="disabled">
<input type="text" value="1">
JavaScript
$(document).on("click", function (e) {
$clicked = $(e.toElement);
if ($clicked.is("input:disabled")) {
$clicked.prop('disabled', false);
}
});
$(function() {
$('input[disabled]').each(function() {
var pos = $(this).position();
console.log(pos);
var $div = $("<div>");
$(this).after($div);
var that = this;
$div.css({position: "absolute", top: pos.top, left: pos.left, width: $(this).css('width'), height: $(this).height(), padding: "3px 2px"}).on("click", function() { $(that).prop('disabled', false); $(this).remove(); });
});
});