JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cover">
    <input type="text" name="foo" disabled />
    <select class = "test" name="bar" disabled>
        <option>a</option>
        <option>b</option>
    </select>
    </div>

CSS

form {
    position: relative;
}
div {
    position: absolute;
    height: 100%;
    width: 100%;
}

JavaScript

$('.cover').dblclick(function () {
    $('.test').removeAttr('disabled');
});