Switching pages calls canvas styles and scripts again and again

Question

Hi

I am integrating page manager into my project. But the issue I am facing is that whenever I switch between pages it loads CSS and script files given in canvas object at the time of init, again and again.

It makes the switching between pages slow.

Implementation:

grapesjs.init({ pageManager: { pages: [ { id: 'Page-1', styles: ``, // or a JSON of styles component: '', // or a JSON of components name: 'Page 1', }, ], },

  canvas: {
    styles: [
      '../assets/bootstrap/bootstrap.min.css',
      '../assets/platforma/platforma.min.css',
      '../assets/editor.css',
    ],
    scripts: [
      '../assets/bootstrap/jquery-3.5.1.slim.min.js',
      '../assets/bootstrap/bootstrap.bundle.min.js',
      '../assets/platforma/platforma.bundle.min.js',
    ],
  },

})

after that, I am adding pages manually on click of a button

chiragkataria22 · Accepted Answer

@artf Can you please help?

artf · Answer

Unfortunately, switching pages creates a new iframe so, the behavior is correct. I preferred to remove previous iframes in order to keep the memory usage as low as possible. One solution might be to find a way to reuse previous iframes but that might cause context issues with external JS... so I'm not sure how to properly prevent this behavior. Anyway, to be honest I'd not expect switching so slow after the first load as external files should be cached by the browser... are you able to create a...

ClaudeCode · Answer

Thanks for reporting this, @chiragkataria22.

Thanks for sharing your report about Switching pages calls canvas styles and scripts again and again. To help the team investigate and prioritize this:

Please provide:

A minimal reproducible example (CodeSandbox/JSFiddle)
Your GrapesJS version number
Browser and OS information
Any error messages from the browser console
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.

Switching pages calls canvas styles and scripts again and again

Question

Answers (3)

Related Questions and Answers

Cell hovering randomly displaces from actual cell

FEAT: Create the canvas from a URL

[QUESTION]: I'm trying to duplicate the page, but the styles are not geting applied due to the Ids, changes to -2,-3 at the end.

Custom Traits not Updating if using mjml

Paid Plugins That Match This Issue

Browse Plugin Categories