spree icon indicating copy to clipboard operation
spree copied to clipboard
verified publisher icon spree

v 5.2 cannot add block to rich text in page builder

Open christopherpickering opened this issue 1 month ago • 2 comments

Context/ Steps to Reproduce

I created a new page, and want to add more headings/paragraphs, to the rich text, but clicking the button does nothing.

I can add more rich text fields.

Expected Behavior

Clicking "add block" would add the block

Actual Behavior

nothing happens when I click add block > text/heading

Image

Possible Fix

Your Environment

  • Version used: 5.2
  • Gemfile and Gemfile.lock as text in a Gist:
  • Any relevant stack traces ("Full trace" preferred):
about:blank:1 An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing.
/pages/...?page_preview_id=246&theme_id=159&theme_preview_cache=1764887836530572&theme_preview_id=168&page_builder=true:1 An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing.
turbo.es2017-esm.js:6893 Error: Matching <turbo-frame id="settings_modal"> element has a source URL which references itself
extractForeignFrameElement @ turbo.es2017-esm.js:6893
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
controller.ts:28 Uncaught Error: Missing target element "dialog" for "export-dialog" controller
    at t.get (controller.ts:28:39)
    at t.forceClose (@stimulus-components--dialog-f2d1c3fa.js:3:642)
    at o (turbo.es2017-esm.js:350:30)
    at Object.notifyApplicationBeforeRender (turbo.es2017-esm.js:6194:12)
    at Object.allowsImmediateRender (turbo.es2017-esm.js:6122:24)
    at gt.render (turbo.es2017-esm.js:1558:47)
    at async turbo.es2017-esm.js:4292:86
    at async $e.renderPageSnapshot (turbo.es2017-esm.js:4291:38)
    at async turbo.es2017-esm.js:4084:56
    at async $e.render (turbo.es2017-esm.js:4285:120)
index.js:1 [Uppy] [16:39:19] Using Core v4.4.1
index.js:1 [Uppy] [16:39:19] Using Dashboard v4.3.1
index.js:1 [Uppy] [16:39:19] Installing Dashboard to a DOM element 'body'
index.js:1 [Uppy] [16:39:19] Using Dashboard:StatusBar v4.1.1
index.js:1 [Uppy] [16:39:19] Installing Dashboard:StatusBar to Dashboard
index.js:1 [Uppy] [16:39:19] Using Dashboard:Informer v4.2.1
index.js:1 [Uppy] [16:39:19] Installing Dashboard:Informer to Dashboard
index.js:1 [Uppy] [16:39:19] Using Dashboard:ThumbnailGenerator v4.1.1
index.js:1 [Uppy] [16:39:19] [Dashboard] Dark mode is off
index.js:1 [Uppy] [16:39:19] Using ImageEditor v3.3.1
index.js:1 [Uppy] [16:39:19] Installing ImageEditor to Dashboard
controller.ts:28 Uncaught Error: Missing target element "dialog" for "export-dialog" controller
    at t.get (controller.ts:28:39)
    at t.forceClose (@stimulus-components--dialog-f2d1c3fa.js:3:642)
    at o (turbo.es2017-esm.js:350:30)
    at Object.notifyApplicationBeforeRender (turbo.es2017-esm.js:6194:12)
    at Object.allowsImmediateRender (turbo.es2017-esm.js:6122:24)
    at gt.render (turbo.es2017-esm.js:1558:47)
    at async turbo.es2017-esm.js:4292:86
    at async $e.renderPageSnapshot (turbo.es2017-esm.js:4291:38)
    at async turbo.es2017-esm.js:4084:56
    at async $e.render (turbo.es2017-esm.js:4285:120)
controller.ts:28 Uncaught Error: Missing target element "dialog" for "export-dialog" controller
    at t.get (controller.ts:28:39)
    at t.forceClose (@stimulus-components--dialog-f2d1c3fa.js:3:642)
    at o (turbo.es2017-esm.js:350:30)
    at Object.notifyApplicationBeforeRender (turbo.es2017-esm.js:6194:12)
    at Object.allowsImmediateRender (turbo.es2017-esm.js:6122:24)
    at gt.render (turbo.es2017-esm.js:1558:47)
    at async turbo.es2017-esm.js:4292:86
    at async $e.renderPageSnapshot (turbo.es2017-esm.js:4291:38)
    at async turbo.es2017-esm.js:4127:56
    at async $e.render (turbo.es2017-esm.js:4285:120)
controller.ts:28 Uncaught Error: Missing target element "dialog" for "export-dialog" controller
    at t.get (controller.ts:28:39)
    at t.forceClose (@stimulus-components--dialog-f2d1c3fa.js:3:642)
    at o (turbo.es2017-esm.js:350:30)
    at Object.notifyApplicationBeforeRender (turbo.es2017-esm.js:6194:12)
    at Object.allowsImmediateRender (turbo.es2017-esm.js:6122:24)
    at gt.render (turbo.es2017-esm.js:1558:47)
    at async turbo.es2017-esm.js:4292:86
    at async $e.renderPageSnapshot (turbo.es2017-esm.js:4291:38)
    at async turbo.es2017-esm.js:4084:56
    at async $e.render (turbo.es2017-esm.js:4285:120)
controller.ts:28 Uncaught Error: Missing target element "dialog" for "export-dialog" controller
    at t.get (controller.ts:28:39)
    at t.forceClose (@stimulus-components--dialog-f2d1c3fa.js:3:642)
    at o (turbo.es2017-esm.js:350:30)
    at Object.notifyApplicationBeforeRender (turbo.es2017-esm.js:6194:12)
    at Object.allowsImmediateRender (turbo.es2017-esm.js:6122:24)
    at gt.render (turbo.es2017-esm.js:1558:47)
    at async turbo.es2017-esm.js:4292:86
    at async $e.renderPageSnapshot (turbo.es2017-esm.js:4291:38)
    at async turbo.es2017-esm.js:4084:56
    at async $e.render (turbo.es2017-esm.js:4285:120)
turbo.es2017-esm.js:5349 An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing.
renderElement @ turbo.es2017-esm.js:5349
test-1?page_preview_id=248&theme_id=159&theme_preview_cache=176488807862361&theme_preview_id=170&pa…:1 An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing.
turbo.es2017-esm.js:6893 Error: Matching <turbo-frame id="settings_modal"> element has a source URL which references itself
    at xt (turbo.es2017-esm.js:7017:13)
    at r.delegateConstructor.extractForeignFrameElement (turbo.es2017-esm.js:6882:17)
    at #V (turbo.es2017-esm.js:6744:40)
    at r.delegateConstructor.loadResponse (turbo.es2017-esm.js:6573:22)
    at async r.delegateConstructor.requestSucceededWithResponse (turbo.es2017-esm.js:6647:47)
extractForeignFrameElement @ turbo.es2017-esm.js:6893

christopherpickering avatar Dec 04 '25 22:12 christopherpickering

Please update to 5.2.1

damianlegawiec avatar Dec 04 '25 23:12 damianlegawiec

Thanks, I updated, I can add the box now, but not move/delete it:

Image

there are console logs, I'm not sure if they are related though:

[Error] Error disconnecting controller

Error: Missing target element "container" for "modal" controller — controller.ts:28

Object

controller: t {context: L, toggleClass: "hidden", backgroundId: "modal-background", backgroundHtml: "<div id=\"modal-background\" class=\"fixed top-0 left…color: rgba(0, 0, 0, 0.8); z-index: 9998;\"></div>", allowBackgroundClose: true, …}

element: <div>

identifier: "modal"

Object Prototype

	handleError (stimulus.min-4b1e420e.js:4:39441)
	handleError (stimulus.min-4b1e420e.js:4:27730)
	disconnect (stimulus.min-4b1e420e.js:4:27150)
	disconnectContextForScope (stimulus.min-4b1e420e.js:4:29822)
	scopeDisconnected (stimulus.min-4b1e420e.js:4:37154)
	elementUnmatchedValue (stimulus.min-4b1e420e.js:4:35312)
	tokenUnmatched (stimulus.min-4b1e420e.js:4:15291)
	tokenUnmatched (stimulus.min-4b1e420e.js:4:13896)
	forEach
	tokensUnmatched (stimulus.min-4b1e420e.js:4:13736)
	elementUnmatchedAttribute (stimulus.min-4b1e420e.js:4:13612)
	elementUnmatched (stimulus.min-4b1e420e.js:4:8459)
	removeElement (stimulus.min-4b1e420e.js:4:7654)
	processTree (stimulus.min-4b1e420e.js:4:7220)
	processRemovedNodes (stimulus.min-4b1e420e.js:4:6849)
	processMutation (stimulus.min-4b1e420e.js:4:6475)
	processMutations (stimulus.min-4b1e420e.js:4:6331)

after publishing, then I can move it around/delete it.

christopherpickering avatar Dec 04 '25 23:12 christopherpickering