Open sanjarcode opened 1 year ago
form
<form id="">
<input form="">
HTML5 ftw, https://www.impressivewebs.com/html5-form-attribute/
As opposed to Portaling, ref, CSS gymanstics.
In a slider (volopay-v2-core-slider) expects children of the form:
<> <SomeContent /> <TheFooter /> </>
What to do when the content is a form and footer has the button? The following:
<form> <SomeContent /> <TheFooter /> </form>
messes up the footer styles (fixed to bottom CSS we have). There's no other markup solution
HTML5's form attribute to the rescue!
Change: add an id to <form />, then add the form attribute with the id to buttons in the footer. That's all
id
<form />
form
attribute:<form id="">
and<input form="">
outside the formHTML5 ftw, https://www.impressivewebs.com/html5-form-attribute/
As opposed to Portaling, ref, CSS gymanstics.
Situation
In a slider (volopay-v2-core-slider) expects children of the form:
Problem
What to do when the content is a form and footer has the button? The following:
messes up the footer styles (fixed to bottom CSS we have). There's no other markup solution
Solution
HTML5's
form
attribute to the rescue!Change: add an
id
to<form />
, then add theform
attribute with the id to buttons in the footer. That's all