Page.getMainComponent().view gives undefined when page is selected

Hi @iabhiyaan, when page:select triggers, iframes inside the canvas are not yet loaded, so you just need to wait once they are loaded before accessing its DOM.

editor.on('page:select', page => {
  const frame = page.getMainFrame();
  frame.once('loaded', () => {
    const rootEl = frame.getComponent().getEl();
    console.log(rootEl.querySelector('section'));  
  });
});

Thankyou @artf.

Thanks for reporting this, @iabhiyaan.

Thanks for sharing your report about page.getMainComponent().view gives undefined when page is selected. To help the team investigate and prioritize this:

Please provide:

1. A minimal reproducible example (CodeSandbox/JSFiddle)
2. Your GrapesJS version number
3. Browser and OS information
4. Any error messages from the browser console
5. Steps to reproduce the issue

What helps most:

• Minimal code example (not your full project)
• Screen recording or screenshot showing the issue
• Expected vs actual behavior clearly stated
• GrapesJS configuration you're using

With these details, the maintainers can identify and prioritize a fix much faster. The GrapesJS team is very responsive to well-documented issues.