diff --git a/packages/field/src/FormRegistrarMixin.js b/packages/field/src/FormRegistrarMixin.js
index 6b801d454..e31906d42 100644
--- a/packages/field/src/FormRegistrarMixin.js
+++ b/packages/field/src/FormRegistrarMixin.js
@@ -28,12 +28,18 @@ export const FormRegistrarMixin = dedupeMixin(
         this.registrationReady = new Promise(resolve => {
           this.__resolveRegistrationReady = resolve;
         });
-        formRegistrarManager.add(this);
 
         this._onRequestToAddFormElement = this._onRequestToAddFormElement.bind(this);
         this.addEventListener('form-element-register', this._onRequestToAddFormElement);
       }
 
+      connectedCallback() {
+        if (super.connectedCallback) {
+          super.connectedCallback();
+        }
+        formRegistrarManager.add(this);
+      }
+
       disconnectedCallback() {
         if (super.disconnectedCallback) {
           super.disconnectedCallback();