Cornerstone not working and won't allow me to edit pages

Hi @mldarshana, @Rad,

New finding… I can create a new page, and cornerstone works on it…

What does that tell us?

Thanks

Brad

Hi Brad,

Can you open developer tools, switch to console log and then try to edit a page in Cornerstone and let us know what errors you can see on the console log.

If you’re using Firefox, you can right click on the page and go to inspect elements and then switch to console tab. If you’re using Chrome, you can right click on the page and go to inspect and switch to console tab.

Let us know with details.
Thanks!

Hey @mldarshana,

Lots of errors. I masked my URL with “my-website”.

JQMIGRATE: Migrate is installed, version 1.4.1
jquery-migrate.min.js:2:542
Unhandled rejection: OpenFailedError: InvalidStateError A mutation operation was attempted on a database that did not allow mutations.
create@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:4309:15
e@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:4249:5
e/<@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:4250:52
at/<@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:4127:12
Be@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:4083:12
Ie@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:4088:1
Ve/<@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:4093:82
cs-vendor.js:4130:301
uncaught exception: OpenFailedError: InvalidStateError A mutation operation was attempted on a database that did not allow mutations.
JQMIGRATE: Migrate is installed, version 1.4.1
jquery-migrate.min.js:2:542
Unhandled rejection: OpenFailedError: InvalidStateError A mutation operation was attempted on a database that did not allow mutations.
create@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:4309:15
e@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:4249:5
e/<@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:4250:52
at/<@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:4127:12
Be@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:4083:12
Ie@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:4088:1
Ve/<@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:4093:82
cs-vendor.js:4130:301
Unhandled rejection: OpenFailedError: InvalidStateError A mutation operation was attempted on a database that did not allow mutations.
create@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:4309:15
e@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:4249:5
_trans@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:4248:138
_idbstore@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:4251:8
get@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:4254:8
getRenderCache/<@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs.js?ver=3.1.5:1625:43
e/<@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:2937:5
e@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:2936:321
getRenderCache@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs.js?ver=3.1.5:1625:8
updateMarkup@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs.js?ver=3.1.5:1550:1
compute@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs.js?ver=3.1.5:1285:892
e.ClassBasedHelperReference</r.prototype.compute@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:1509:8
e.CachedReference</n.prototype.value@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:1491:45
M</e.prototype.valueOf@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:182:106
M</e.prototype.value@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:181:151
e.ClassBasedHelperReference</r.prototype.compute@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:1508:130
e.CachedReference</n.prototype.value@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:1491:45
i</e.prototype.value@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:1399:146
x</e.prototype.initialize@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:94:110
x</e.prototype.peek@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:89:247
@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:220:277
s</e.prototype.evaluate@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:138:194
gr</e.prototype.next@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:724:18
gr</e.prototype.execute@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:723:22
ur</r.prototype.handleException@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:689:1
dr</e.prototype.handleException@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:704:105
sr</e.prototype.throw@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:679:259
L</t.prototype.evaluate@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:227:146
sr</e.prototype.execute@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:679:71
hr</e.prototype.rerender@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:706:1
e/this.render/s.render@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:1354:28
e.runInTransaction@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:1579:67
e.Renderer</e.prototype._renderRoots@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:1371:160
e.Renderer</e.prototype._renderRootsTransaction@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:1376:5
e.Renderer</e.prototype._revalidate@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:1378:330
l</e.prototype.invoke@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:800:153
l</e.prototype.flush@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:789:147
u</e.prototype.flush@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:803:13
f</e.prototype.end@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:815:7
f</e.prototype._run@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:854:113
f</e.prototype._join@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:853:338
f</e.prototype.join@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:824:8
@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:1362:12
f</e.prototype._trigger@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:861:38
f</e.prototype.end@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:815:211
f</e.prototype._run@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:854:113
f</e.prototype.run@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:823:8
st@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs-vendor.js?ver=3.1.5:1749:22
_xfrOnMessage@https://www.dev.my-website.net/wp-content/plugins/cornerstone/assets/dist-app/js/cs.js?ver=3.1.5:2162:1
cs-vendor.js:4130:301
The preview booted, but never requested the loader be removed. 0
cs.js:122:172

Thanks

Brad

Hi Brad,

Can you reproduce this issue on both browsers (Firefox and Chrome)? as it could be related to this issue on Firefox.

Also, if this issue occurs only on certain page, then I would check if there is any custom JS libraries/codes loaded on that specific page or not, this can be in the page content or in the custom JS content in Cornerstone.

I would try to disable any plugin I have that has “minify JS” option and clear cache as well.

Let me know how it goes,
Thanks.

Hi @Alaa,

I only use firefox but I’ll test another browser tomorrow.

It occurs on every page of my production site and dev site. If I create a new page than cornerstone works.

To my knowledge I have never used any custom JS, but I’ll confirm that as well.

I have already disabled every plugin. That did not change anything.

I’ll be back tomorrow

Thanks

Brad

Hi Brad,

Please let us know how it goes.

This issue is also most likely due to change in site url like migrating from an old url to new one.
If it is not done correctly cornerstone data gets corrupted and all your old pages that were built using Cornerstone
will no longer work.

For your guide on migration kindly review the link below.

Thanks

Hi @paul.r,

I haven’t migrated anything in quite some time, 8 months, and use the dev site just to test, then I just make the changes directly to the production site.

I tired the different browser, no change.

No pages have JS.

I tired something else on a dev page in cornerstone which is I deleted the sections, once the last section on a page was deleted than cornerstone loads. What does that mean? Especially when combined with the fact it works on a new page?

Thanks

Brad

Hi Brad,

Can you try deleting that last section only, it could be a content of that last section or the section itself is causing the issue.

Also, If you’re using a child theme, try switching to the parent theme to see if that makes a difference. The conflict could be in your customizations (do this on dev site).

Also, try running this plugin (Transient Cleaner), remove all expired transients and remove all transients.

Let us know how it goes,
Cheers!

Hi @friech,

Tried deleting the last section only. Didn’t work.

Changing from the child theme doesn’t work either.

I didn’t use transient cleaner but I use Advanced Database Cleaner By Younes JFR every time I log in. It cleans the transients etc as well.

I grabbed my other laptop, MacPro, and Firefox still doesn’t work, but chrome on the mac did!!!

So, what stops editing of old pages on Firefox but allows new pages to be edited on Firefox, but allows all pages to be edited on the Mac with chrome???

I really do not want to use chrome.

Thanks

Brad

Hi Brad,

In that case, would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password
  • FTP credentials

Thanks

Hey @paul.r,

Thanks for the reply. Unfortunately as I said above I cannot provide login credentials as HIPAA does not allow it. I’m in health care.

Alternative? Suggestions to try?

Thanks

Brad

Hi Brad,

Two thoughts I have now in my head:

  1. Double check that when you hit about:config in Firefox, then search for dom.indexedDB.enabled it’s set to the default value which is “True”.

  2. You mentioned that you have tried to delete sections one by one and when you reached one specific section, the builder worked fine, can you retry this again, perhaps you missed the culprit section? also, do you recognize any of these sections that might have a call to external JS library? like you have a form subscription button there or something?

Finally, can we have a look at this page? you can share its URL in a Secure Note reply if you want.

Thanks.

Hey @Alaa,

Sorry for the Slow reply.

  1. I don’t understand how to do this test. Can you elaborate?

  2. I tried deleting the sections in multiple orders. It doesn’t work until every section is deleted on any page I try. There is nothing but plain text on privacy policy page and it doesn’t work either. I don’t think it’s a JS issue.

I don’t understand why it works in chrome and not firefox. If you can elaborate on 1 I’ll give it a test.

Thanks

Brad

Hi Brad,

If we put it that way, that means the issue is specific to Firefox, right? But Firefox and Cornerstone works on our end. So the question now is what is on your Firefox, do you have add-ons on it? If so, try uninstalling it. Or use the private mode where there is no add-ons and cache involves.

Then you said above that you can edit new pages in Firefox, but not the old ones. That means the Firefox holding something on those old pages, logical thing to that is a cache.

I would not also reject the possibility, that the issue is coming from a third party plugin or script and that Cornerstone is just a casualty of it. If you could, please do a plugin test.

Thanks,

Hi @friech,

I’m not convinced it’s just Firefox, but I don’t know.

Firefox works on new pages, just not old. Chrome works on both. I’ve been using Firefox since before X and haven’t had any issues. It’s really weird.

I backed up my bookmarks, downloaded a new firefox setup file, deleted firefox, then did a fresh install with no prior settings or extensions. No change.

I’ll try private mode etc again shortly.

On my dev site I have deleted every page but one and deleted every plugin but cornerstone. No change.

Can someone explain what @Alaa was asking me to try in relation to dom.indexdb.enabled ??? I don’t know how / where to check this.

Thanks

Brad

My legal team has cleared me to allow Themeco access to my Dev server. I had to delete and remove all most everything as well as create a new DB user with very restricted rights.

The result is your left with one empty but faulty page with just one section on it. There is also an empty test page that I created two days ago. It should be enough for you to see the error I see and inspect the browser console dev tools for the cause.

I’ll attach the login info in the secure note.

Thanks

Brad

Hi @bradclarke10,

Thanks for the credentials, the pages are loading and there are errors similar to the ones provided above. Perhaps you can provide a video recording for this empty installation of the said issues?

Thanks!

Hi @Rad,

Just to clarify: You logged in and cornerstone worked, but errors in firefox dev tools were still present?

I’ll do a video.

Thanks

Brad

@Rad,

I’ll attach video link in secure notes.

Brad

Hi Brad,

That’s what I mean:

The weird thing is that I can get the page builder working fine on Firefox:

I wonder which Firefox version do you have? and on which OS?

Thanks.