JSFiddle - React, Tailwind, and code Playground

by adamschwartz

HTML

<div>
    Plain<br/>
    <input type="checkbox" />
    <input type="radio" />
</div>

<br/>

<div class="fix">
    With CSS fix<br/>
    <input type="checkbox" />
    <input type="radio" />
</div>

<br/>

<div class="js-fix">
    With JS fix<br/>
    <input type="checkbox" />
    <input type="radio" />
</div>

CSS

.fix input[type="checkbox"] {
    -webkit-appearance: checkbox;
}

.fix input[type="radio"] {
    -webkit-appearance: radio;
}

JavaScript

$(function(){
    $('.js-fix input').each(function(){
        (function(){})(this.clientHeight);
    });
});