diff --git a/core/src/components/menu/menu.tsx b/core/src/components/menu/menu.tsx
index 6db7450c192..6bc05d315e6 100644
--- a/core/src/components/menu/menu.tsx
+++ b/core/src/components/menu/menu.tsx
@@ -148,6 +148,17 @@ export class Menu implements ComponentInterface, MenuI {
const el = this.el;
const parent = el.parentNode as any;
+ if (this.contentId === undefined) {
+ console.warn(`[DEPRECATED][ion-menu] Using the [main] attribute is deprecated, please use the "contentId" property instead:
+BEFORE:
+ ...
+
...
+
+AFTER:
+
+ ...
+`);
+ }
const content = this.contentId !== undefined
? document.getElementById(this.contentId)
: parent && parent.querySelector && parent.querySelector('[main]');
diff --git a/core/src/components/split-pane/split-pane.tsx b/core/src/components/split-pane/split-pane.tsx
index ff2dd3b99b8..744a4625cf7 100644
--- a/core/src/components/split-pane/split-pane.tsx
+++ b/core/src/components/split-pane/split-pane.tsx
@@ -69,6 +69,24 @@ export class SplitPane implements ComponentInterface {
}
}
+ componentWillLoad() {
+ if (this.contentId === undefined) {
+ console.warn(`[DEPRECATED][ion-split-pane] Using the [main] attribute is deprecated, please use the "contentId" property instead:
+BEFORE:
+
+ ...
+ ...
+
+
+AFTER:
+
+ ...
+ ...
+
+`);
+ }
+ }
+
@Watch('disabled')
@Watch('when')
protected updateState() {