Radio and checkbox not centered

tailwindlabs / tailwindcss-custom-forms

A better base for styling form elements with Tailwind CSS.

https://tailwindcss-custom-forms.netlify.app/

MIT License

1.55k stars 72 forks source link

Radio and checkbox not centered #28

Open kjbrum opened 5 years ago

kjbrum commented 5 years ago

I'm having issues with the radio dot and checkbox check being centered in Chrome 69-72. From what I can tell Chrome 69 was a big update that introduced a lot of bugs.

The background image is positions in the top left of the element, instead of the center. I suspect it has something to do with the background image being an SVG.

GeoffSelby commented 5 years ago

Could you share a screenshot of the elements? I’m unable to replicate. My version of Chrome is 75

kjbrum commented 5 years ago

After looking into it a bit more, I think it has something to do with background positioning, possibly on input elements.

Just to clarify, I was only able to replicate this functionality in Chrome 69-72.

Screenshot 2019-08-07 11 20 49