Skip to content

Error thrown when setting a gradient as a block background #67

@dcalhoun

Description

@dcalhoun

Description

When setting a gradient background for a block, the operations fails and logs an error to the console:

Details

[Error] ReferenceError: Can't find variable: result
	matchCall (chunk-L3HXNF6X.js:952)
	matchColor (chunk-L3HXNF6X.js:1065)
	matchColorStop (chunk-L3HXNF6X.js:1057)
	matchListing (chunk-L3HXNF6X.js:1042)
	(anonymous function) (chunk-L3HXNF6X.js:942)
	matchCall (chunk-L3HXNF6X.js:952)
	matchDefinition (chunk-L3HXNF6X.js:913)
	matchListing (chunk-L3HXNF6X.js:1042)
	getAST (chunk-L3HXNF6X.js:903)
	getGradientAstWithDefault (chunk-L3HXNF6X.js:46874)
	CustomGradientPicker (chunk-L3HXNF6X.js:47047)
	renderWithHooks (chunk-674BCADQ.js:18474)
	mountIndeterminateComponent (chunk-674BCADQ.js:21852)
	callCallback2 (chunk-674BCADQ.js:10558)
	dispatchEvent
	invokeGuardedCallbackDev (chunk-674BCADQ.js:10583)
	invokeGuardedCallback (chunk-674BCADQ.js:10617)
	beginWork$1 (chunk-674BCADQ.js:26696)
	performUnitOfWork (chunk-674BCADQ.js:26129)
	workLoopSync (chunk-674BCADQ.js:26068)
	renderRootSync (chunk-674BCADQ.js:26047)
	recoverFromConcurrentError (chunk-674BCADQ.js:25664)
	performSyncWorkOnRoot (chunk-674BCADQ.js:25810)
	flushSyncCallbacks (chunk-674BCADQ.js:16044)
	(anonymous function) (chunk-674BCADQ.js:25555)
[Error] The above error occurred in the <CustomGradientPicker> component:

CustomGradientPicker@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:47039:8
div
PolymorphicDiv@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:22977:48
UnforwardedView@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:24374:10
UnconnectedVStack@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:42405:32
GradientPicker@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:47217:12
div
div
PolymorphicDiv@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:22977:48
UnforwardedView@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:24374:10
UnconnectedVStack@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:42405:32
fieldset
div
StyledField@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:22977:48
div
Wrapper@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:22977:48
BaseControl@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:36745:23
ColorGradientControlInner@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:44385:18
ColorGradientControl@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:44490:34
ColorPanelTab@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:44607:13
div
ContextProvider
ScopedContextProvider
ContextProvider
ContextProvider
ScopedContextProvider
ContextProvider
ContextProvider
ContextProvider
ScopedContextProvider
ContextProvider
ScopedContextProvider
ContextProvider
ContextProvider
ScopedContextProvider
TabPanel2@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:20038:32
TabPanel@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:22977:48
TabPanel6@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:65359:22
Tabs2@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:65393:15
div
div
DropdownContentWrapperDiv@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:22977:48
UnconnectedDropdownContentWrapper@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:42509:23
div
div
MotionComponent@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:31277:41
StyleProvider@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:38371:12
Fill2@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:38384:7
Fill3
UnforwardedPopover@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:38745:23
div
UnconnectedDropdown@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:40296:23
div
PolymorphicDiv@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:22977:48
UnforwardedView@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:24374:10
UnconnectedToolsPanelItem@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:63662:24
ColorPanelDropdown@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:44627:8
RegisterResetAll@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:32757:17
ToolsPanelInspectorControl@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:32775:11
StyleProvider@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:38371:12
Fill2@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:38384:7
Fill3
InspectorControlsColorFill
StyleProvider@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:38371:12
InspectorControlsFill@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:32720:11
ColorInspectorControl@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:59594:11
ColorPanel@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:44725:32
ColorEdit@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:59612:11
BlockStyleControls@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:60426:11
WithBlockEditHooks(AddGridVisualizerToBlockEdit(Edit))@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:58942:41
WithPatternOverrideControls(WithBlockEditHooks(AddGridVisualizerToBlockEdit(Edit)))@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-RSI7GKLD.js:22507:68
WithFilters(Edit)@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:64239:14
EditWithGeneratedProps@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:15481:12
BlockEdit@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:15718:21
BlockCrashBoundary@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:19149:10
BlockListBlock@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:23194:26
BlockWithLayoutStyles@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:61013:25
WithLayoutStyles(BlockListBlock)@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:61062:12
WithBlockListBlockHooks(WithLayoutStyles(BlockListBlock))@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:59001:77
WithFilters(BlockListBlock)@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:64239:14
WithDispatch(WithFilters(BlockListBlock))@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-VK2VBLNO.js:7034:54
BlockListBlockProvider@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:23491:12
Items@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:32588:14
BlockListItems
div
Root@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:32487:12
BlockList
div
WritingFlow@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:26397:11
div
BlockTools@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:46162:11
ExperimentalBlockCanvas@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:49494:15
div
VisualEditor@http://192.168.0.180:5173/components/visual-editor/index.jsx:48:54
BlockRefsProvider@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:18800:11
SlotFillProvider@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:38499:22
SlotFillProvider2@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:38569:22
SlotFillProvider@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-L3HXNF6X.js:38622:22
@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:25122:12
WithRegistryProvider(Component)@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-6O4G6MIU.js:24587:17
div
Editor@http://192.168.0.180:5173/components/editor/index.jsx:43:38
ErrorBoundary@http://192.168.0.180:5173/@fs/Users/[REDACTED]/Sites/a8c/GutenbergKit/node_modules/.vite/deps/chunk-RSI7GKLD.js:15488:10
Layout

React will try to recreate this component tree from scratch using the error boundary you provided, BlockCrashBoundary.
	logCapturedError (chunk-674BCADQ.js:20958)
	callback (chunk-674BCADQ.js:21004)
	callCallback (chunk-674BCADQ.js:18174)
	commitUpdateQueue (chunk-674BCADQ.js:18191)
	commitLayoutEffectOnFiber (chunk-674BCADQ.js:24001)
	commitLayoutMountEffects_complete (chunk-674BCADQ.js:24908)
	commitLayoutEffects_begin (chunk-674BCADQ.js:24897)
	commitLayoutEffects (chunk-674BCADQ.js:24848)
	commitRootImpl (chunk-674BCADQ.js:26284)
	commitRoot (chunk-674BCADQ.js:26208)
	performSyncWorkOnRoot (chunk-674BCADQ.js:25826)
	flushSyncCallbacks (chunk-674BCADQ.js:16044)
	(anonymous function) (chunk-674BCADQ.js:25555)

Step-by-step reproduction instructions

  1. Add a Gallery block.
  2. Open the block settings panel.
  3. Tap Background.
  4. Tap Gradient.

Expected behaviour

You are presented with options for selecting a gradient background.

Actual behaviour

The block settings UI empties partially. An error is logged to the console. The block is left in a broken state.

Screenshots or screen recording (optional)

N/A

WordPress information

  • WordPress version: 6.7.1
  • Gutenberg version: 20.0.0
  • Are all plugins except Gutenberg deactivated? Yes
  • Are you using a default theme (e.g. Twenty Twenty-One)? Yes

Device information

  • Device: iPhone SE
  • Operating system: iOS 18.2.1
  • WordPress app version: 25.7

Metadata

Metadata

Assignees

Labels

[Type] BugAn existing feature does not function as intended

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions