adamwulf / Columnizer-jQuery-Plugin

The Columnizer jQuery Plugin will automatically layout your content in newspaper column format. You can specify either column width or a static number of columns. And, of course, it’s easy to use!
http://welcome.totheinter.net/columnizer-jquery-plugin/
Other
760 stars 148 forks source link

Form field values are blanked #213

Closed Thunderscreech closed 8 years ago

Thunderscreech commented 8 years ago

Issue: When you .columnize either a POST or GET form, all form elements stop working.

To reproduce, create a form with the GET method (easiest to reproduce) and an action pointing anywhere and make an input of the checkbox type. If you submit it, the URL will show the checkbox status. Now put this into a DIV amd .columnize it and re-submit, the GET variable doesn't show up in the header. POST is also broken. Not sure what's happening, inspecting the element shows the same thing as before, same as the form.

Thunderscreech commented 8 years ago

One addition, it's only form elements in the first column that are inactive, the ones in the second column seem to work fine.

Thunderscreech commented 8 years ago

aaaaaand I figured out what's happening. If the form is INSIDE the DIV, the columnize function is making a separate form for each column. The workaround in my case is to put the form tags on the outside of the DIV being .columnized. The bug here might be in how forms are handled within elements being columnized. Making multiple forms where there was one has the effect of basically redacting any form elements in any column but the last one. Hope this thread helps someone out in the meantime.

adamwulf commented 8 years ago

awesome - glad you got it sorted! another thing you can try is to use the 'dontsplit' class on the form element. that'll force the form to get put entirely into 1 column and will prevent it getting split up across columns.