responsive grid - Githubissues

flipbyte / formik-json-schema

Easily create react forms using JSON / Javascript Object

MIT License

151 stars 40 forks source link

responsive grid #72

Open tgrrr opened 4 years ago

tgrrr commented 4 years ago

Describe the bug

Great project

The Editable grid and fieldset are not responsive on mobile devices.

To Reproduce

Open the demo page on a mobile
Navigate to the containers
Notice it doesn't wrap the fields under one another

Expected behavior

If there's 3 columns on desktop. Eg. Name, Phone, Email
If a new row is added on mobile, then it should be obvious for each field which is which. E.g. There should be a label for email on the 3rd person

Screenshots

Screen Shot 2020-01-16 at 4 25 22 pm

Your environment

Software	Version(s)
formik-json	0.4.1
React	16.12.0
Browser	firefox/Chrome/etc
Operating System	Mac / Android

Cheers!