It is not possible to add a Multiple Selection field from Object Sidebar to the form body (field reuse)

• Type: Regression Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: Master
• Fix Version/s: 7.3.1 CE GA2, 7.3.2 CE GA3, 7.3.10 DXP GA1, Master
• Component/s: App Builder
• Labels:
  • 7.3-blocker
  • QA-AUTOMATION
  • appbuilder_create
  • appbuilder_edit
  • appbuilder_formview
• Fix Priority: 4
• Sprint: App_Builder_7.3_20
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/86549
• QA Test Name:
  • LocalFile.AppBuilder#AddMultipleFormViewsToTheSameObject
  • LocalFile.AppBuilder#ReuseExistingFormViewFields
• QA Test Score: 10

Description

It is not possible to add a Multiple Selection field from Object Sidebar to the form body (field reuse)

Steps to Reproduce

1. Go to Control Panel > App Builder > Custom Objects > Add a Custom Object;
2. Add a Form View > Add a Mulitple Selection field > Save the form;
3. Add a new Form View > Try to add the Multiple Selection field from the Object Sidebar to the form body.

Expected Result

It is possible to add a Multiple Selection field from Object Sidebar to the form body (field reuse)

Actual Result

It is not possible to add a Multiple Selection field from Object Sidebar to the form body (field reuse)

Reproduced In
master: b5a712efc1d4b2356e14d4c8eadb75b6baa080f9

Console error

bundle.js:3719 Uncaught goog.asserts.AssertionError {message: "Failure: expected param predefinedValue of type !Array|null|undefined, but got string.", reportErrorToServer: true, messagePattern: "Failure: expected param predefinedValue of type !Array|null|undefined, but got string.", stack: "AssertionError: Failure: expected param predefined…6.8/lib/render/render.js?languageId=en_US:250:10)"}
goog.asserts.DEFAULT_ERROR_HANDLER @ bundle.js:3719
goog.asserts.fail @ bundle.js:3811
soy.asserts.assertType @ bundle.js:5218
$render @ CheckboxMultiple.soy.js:84
renderIncDom @ Soy.js:173
render @ render.js:449
renderInsidePatch @ IncrementalDomRenderer.js:167
renderSubComponent_ @ render.js:546
renderFromTag_ @ render.js:471
handleChildrenCaptured_ @ render.js:218
handleInterceptedCloseCall_ @ children.js:147
handleCall @ incremental-dom-aop.js:98
fnVoid @ incremental-dom-aop.js:79
handleCall @ incremental-dom-aop.js:98
handleInterceptedCall_ @ Soy.js:117
handleTemplateCall_ @ SoyAop.js:38
(anonymous) @ Soy.js:93
__deltemplate_s707_6c00d421 @ CheckboxMultipleRegister.soy.js:36
content__soy303 @ PageRenderer.soy.js:442
$column @ PageRenderer.soy.js:475
$row @ PageRenderer.soy.js:363
$rows @ PageRenderer.soy.js:289
$page @ PageRenderer.soy.js:218
(anonymous) @ Soy.js:93
__deltemplate_s1006_22101879 @ WizardPageRenderer.soy.js:109
$render @ PageRenderer.soy.js:109
renderIncDom @ Soy.js:173
render @ render.js:449
renderInsidePatch @ IncrementalDomRenderer.js:167
renderSubComponent_ @ render.js:546
renderFromTag_ @ render.js:471
handleChildrenCaptured_ @ render.js:218
handleInterceptedCloseCall_ @ children.js:147
handleCall @ incremental-dom-aop.js:98
fnVoid @ incremental-dom-aop.js:79
handleCall @ incremental-dom-aop.js:98
handleInterceptedCall_ @ Soy.js:117
handleTemplateCall_ @ SoyAop.js:38
(anonymous) @ Soy.js:93
$render @ FormRenderer.soy.js:97
renderIncDom @ Soy.js:173
render @ render.js:449
renderInsidePatch @ IncrementalDomRenderer.js:167
renderSubComponent_ @ render.js:546
renderFromTag_ @ render.js:471
handleChildrenCaptured_ @ render.js:218
handleInterceptedCloseCall_ @ children.js:147
handleCall @ incremental-dom-aop.js:98
fnVoid @ incremental-dom-aop.js:79
handleCall @ incremental-dom-aop.js:98
render @ FormBuilder.es.js:82
renderIncDom @ JSXRenderer.js:85
render @ render.js:449
renderInsidePatch @ IncrementalDomRenderer.js:167
renderSubComponent_ @ render.js:546
renderFromTag_ @ render.js:471
handleChildrenCaptured_ @ render.js:218
handleInterceptedCloseCall_ @ children.js:147
handleCall @ incremental-dom-aop.js:98
render @ withEditablePageHeader.es.js:66
renderIncDom @ JSXRenderer.js:85
render @ render.js:449
renderInsidePatch @ IncrementalDomRenderer.js:167
renderSubComponent_ @ render.js:546
renderFromTag_ @ render.js:471
handleChildrenCaptured_ @ render.js:218
handleInterceptedCloseCall_ @ children.js:147
handleCall @ incremental-dom-aop.js:98
render @ withMultiplePages.es.js:67
renderIncDom @ JSXRenderer.js:85
render @ render.js:449
renderInsidePatch @ IncrementalDomRenderer.js:167
renderSubComponent_ @ render.js:546
renderFromTag_ @ render.js:471
handleChildrenCaptured_ @ render.js:218
handleInterceptedCloseCall_ @ children.js:147
handleCall @ incremental-dom-aop.js:98
render @ withResizeableColumns.es.js:43
renderIncDom @ JSXRenderer.js:85
render @ render.js:449
renderInsidePatch @ IncrementalDomRenderer.js:167
renderSubComponent_ @ render.js:546
renderFromTag_ @ render.js:471
handleChildrenCaptured_ @ render.js:218
handleInterceptedCloseCall_ @ children.js:147
handleCall @ incremental-dom-aop.js:98
render @ withMoveableFields.es.js:60
renderIncDom @ JSXRenderer.js:85
render @ render.js:449
renderInsidePatch @ IncrementalDomRenderer.js:167
renderSubComponent_ @ render.js:546
renderFromTag_ @ render.js:471
handleChildrenCaptured_ @ render.js:218
handleInterceptedCloseCall_ @ children.js:147
handleCall @ incremental-dom-aop.js:98
render @ withActionableFields.es.js:75
renderIncDom @ JSXRenderer.js:85
render @ render.js:449
renderInsidePatch @ IncrementalDomRenderer.js:167
renderSubComponent_ @ render.js:546
renderFromTag_ @ render.js:471
handleChildRender_ @ render.js:232
renderChildTree @ children.js:72
renderChild @ render.js:458
renderChild @ IncrementalDomRenderer.js:135
scope.iDOMHelpers.renderArbitrary @ iDOMHelpers.js:56
scope.iDOMHelpers.renderArbitrary @ iDOMHelpers.js:52
render @ LayoutProvider.es.js:238
renderIncDom @ JSXRenderer.js:85
render @ render.js:449
(anonymous) @ incremental-dom-cjs.js?languageId=en_US:716
f @ core.js:99
callPatch_ @ patch.js:48
patch @ patch.js:69
patch @ IncrementalDomRenderer.js:107
patch @ JSXRenderer.js:73
update @ IncrementalDomRenderer.js:233
updateRenderer_ @ Component.js:800
handleComponentStateChanged_ @ Component.js:447
runListeners_ @ EventEmitter.js:391
emit @ EventEmitter.js:148
emitBatchEvent_ @ State.js:329
channel.port1.onmessage @ async.js:194
Show 93 more frames
3withActionableFields.es.js:127 Uncaught TypeError: Cannot read property 'props' of undefined
 at ActionableFields.showActions (withActionableFields.es.js:127)
 at ActionableFields._handleActionsMouseEnter (withActionableFields.es.js:196)
 at ActionableFields._handleMouseEnterField (withActionableFields.es.js:172)
 at ActionableFields.runListeners_ (EventEmitter.js:391)
 at ActionableFields.emit (EventEmitter.js:148)
 at DomEventEmitterProxy.emitOnTarget_ (EventEmitterProxy.js:100)
 at Object.handler (events.js:29)
 at triggerListeners_ (domNamed.js:905)
 at triggerSelectorListeners_ (domNamed.js:930)
 at triggerDelegatedListeners_ (domNamed.js:749)