diff --git a/packages/core/src/components/reorder/reorder.tsx b/packages/core/src/components/reorder/reorder.tsx
index 2216252f8e..bbdd7a7949 100644
--- a/packages/core/src/components/reorder/reorder.tsx
+++ b/packages/core/src/components/reorder/reorder.tsx
@@ -17,7 +17,7 @@ export class Reorder {
 
   @State() custom: boolean;
 
-  componentDidLoad() {
+  componentWillLoad() {
     this.custom = this.el.childElementCount > 0;
   }
 
diff --git a/packages/core/src/components/ripple-effect/ripple-effect.tsx b/packages/core/src/components/ripple-effect/ripple-effect.tsx
index bc574ff621..bde9092ec5 100644
--- a/packages/core/src/components/ripple-effect/ripple-effect.tsx
+++ b/packages/core/src/components/ripple-effect/ripple-effect.tsx
@@ -48,10 +48,13 @@ export class RippleEffect {
     }
   }
 
-  componentDidLoad() {
+  componentWillLoad() {
     if (this.useTapClick === undefined) {
       this.useTapClick = !!document.querySelector('ion-tap-click');
     }
+  }
+
+  componentDidLoad() {
     this.tapClickChanged(this.useTapClick);
   }