JSFiddle - React, Tailwind, and code Playground

by gianlucaguarini

HTML

<form>
    <input type="text" required /><br />
    <input type="number" pattern="[0-9].*" required /><br />
    <input type="search" required results="15" /><br />
    <input type="submit" />
</form>

CSS

/* Try to submit the form to see the bugs coming out O_O */
html {
    zoom:2.5; /* [Chrome (Mac Lion + Windows7) bug] Every Tooltip is displayed in the wrong position and the icon looks really crappy [an SVG icon would be better] */
    /* [Chrome (Mac Lion) bug] The search field looks crappy */
    height:1000px; /* [Firefox (Windows7) bug] Scrolling the page any tooltip does not remain on its field */
    -moz-transform: scale(0.65); /* [Firefox (Windows7 + Mac Lion) bug] Firefox does not like to scale! try to show the tooltip and then scroll down */
}