Remove inset_form prop from options inputs

js/components/options_input.js

@@ -22,7 +22,6 @@ export default {
       type: String,
       default: '',
     },
-    insetForm: Boolean,
   },
 
   created: function() {
@@ -37,7 +36,7 @@ export default {
     const showError = (this.initialErrors && this.initialErrors.length) || false
     return {
       showError: showError,
-      showValid: !this.insetForm && (!showError && !!this.initialValue),
+      showValid: false,
       validationError: this.initialErrors.join(' '),
       value: this.initialValue,
     }

templates/components/options_input.html

@@ -9,8 +9,7 @@
   show_validation=True,
   disabled=False,
   watch=False,
-  optional=True,
-  inset_form=False) -%}
+  optional=True) -%}
   <optionsinput
     name='{{ field.name }}'
     inline-template
@@ -20,7 +19,6 @@
     v-bind:watch='{{ watch | string | lower }}'
     v-bind:optional={{ optional|lower }}
     v-bind:null-option="'{{ field.default }}'"
-    v-bind:inset-form={{ inset_form|lower }}
     >
     <div
       v-bind:class="['usa-input', { 'usa-input--error': showError, 'usa-input--success': showValid }]">

templates/fragments/edit_user_form.html

@@ -22,9 +22,9 @@
         {{ TextInput(form.email, validation='email') }}
         {{ PhoneInput(form.phone_number, form.phone_ext) }}
 
-        {{ OptionsInput(form.service_branch, inset_form=True) }}
-        {{ OptionsInput(form.citizenship, inset_form=True) }}
-        {{ OptionsInput(form.designation, inset_form=True) }}
+        {{ OptionsInput(form.service_branch) }}
+        {{ OptionsInput(form.citizenship) }}
+        {{ OptionsInput(form.designation) }}
 
 
         <div class="usa-input">