Merge pull request #731 from technoboy10/ie-validation-fallback

Fix GH-699: Fallback to mobile validation bubble on IE

src/components/forms/input.scss

@@ -35,4 +35,9 @@ $pass-bg: lighten($ui-aqua, 35%);
         border: 1px solid $active-dark-gray;
         background-color: $pass-bg;
     }
+
+    /* IE10/11-specific style resets */
+    &::-ms-reveal, &::-ms-clear {
+        display: none;
+    }
 }

src/components/registration/steps.scss

@@ -10,7 +10,7 @@
         display: block;
         margin: 0 auto 1rem auto;
         border: 2px solid $ui-white;
-        border-radius: 8px;   
+        border-radius: 8px;
     }
 
     .gender-input,
@@ -201,7 +201,9 @@
 
         &.username-step,
         &.demographics-step,
-        &.name-step {
+        &.name-step,
+        &.address-step,
+        &.email-step {
             .help-block {
                 transform: none;
             }
@@ -225,3 +227,28 @@
         }
     }
 }
+
+/* IE10 and IE11 fallback */
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+    .registration-step {
+        &.username-step,
+        &.demographics-step,
+        &.name-step,
+        &.phone-step,
+        &.organization-step,
+        &.address-step,
+        &.email-step {
+            .help-block {
+                position: relative;
+                transform: none;
+                margin: inherit;
+                width: 100%;
+                height: inherit;
+
+                &:before {
+                    display: none;
+                }
+            }
+        }
+    }
+}