Commit 243baa57 authored by David Steeb's avatar David Steeb
Browse files

[TASK] Make sure browser validation works with custom checkboxes

parent 3d4662e2
...@@ -46,6 +46,7 @@ ...@@ -46,6 +46,7 @@
&__field { &__field {
margin-top: 5px; margin-top: 5px;
position: relative;
} }
&__button { &__button {
...@@ -134,10 +135,19 @@ ...@@ -134,10 +135,19 @@
} }
} }
/* checkbox and radios */ /* checkbox and radios
we hide the form controls but do not remove the field with display:none; as this
breaks browser native validation for required checkbox inputs
*/
&__checkbox, &__checkbox,
&__radio { &__radio {
display: none; display: block;
height: 34px;
width: 34px;
position: absolute;
left: -4px;
top: -8px;
opacity: 0;
} }
&__label--checkbox, &__label--checkbox,
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment