diff --git a/src/components/form-input/form-input.js b/src/components/form-input/form-input.js
index bd8b9708e77..f714a31907a 100644
--- a/src/components/form-input/form-input.js
+++ b/src/components/form-input/form-input.js
@@ -39,7 +39,7 @@ export default {
         type: this.localType,
         disabled: this.disabled,
         required: this.required,
-        readonly: this.readonly || this.plaintext,
+        readonly: this.readonly || (this.plaintext && this.readonly === null),
         placeholder: this.placeholder,
         autocomplete: this.autocomplete || null,
         'aria-required': this.required ? 'true' : null,
@@ -71,7 +71,7 @@ export default {
     },
     readonly: {
       type: Boolean,
-      default: false
+      default: null
     },
     plaintext: {
       type: Boolean,
@@ -133,7 +133,7 @@ export default {
   methods: {
     format (value, e) {
       if (this.formatter) {
-          return this.formatter(value, e)
+        return this.formatter(value, e)
       }
       return value
     },