Form elements fail after adding FileDownloadWrapper

Hello,

I have and odd situation where after adding a FileDownloadWrapper to a layout the other form elements no longer work. Remove the FileDownloadWrapper and they work fine.

I use the FileDownloadWrapper on other layouts without any issue.

The form element affected is a ComboBox. When the FileDownloadWrapper is added to the layout the items do not display on opening the ComboBox. There is no error in the browser or on the backend.

With no errors showing I’m struggling to know where to look into this further.

One difference I have noticed is in the browser console there is a difference in the logging.

When the FileDownloadWrapper is not included and the ComboBox is working I see the following:

Sending xhr message to server: {"csrfToken":"c4332c0a-f3e2-4d9a-914a-1ff8a322f716","rpc":[{"type":"publishedEventHandler","node":53,"templateEventMethodName":"setRequestedRange","templateEventMethodArgs":[0,50,""]
},{"type":"mSync","node":53,"feature":1,"property":"opened","value":true}],"syncId":5,"clientId":5}
client-3B1D64116B46DEBA7ADE32AB75416693.cache.js:184 Server visit took 32.905ms
client-3B1D64116B46DEBA7ADE32AB75416693.cache.js:184 JSON parsing took 0.065ms
client-3B1D64116B46DEBA7ADE32AB75416693.cache.js:184 Received xhr message: for(;;);[{"syncId":6,"clientId":6,"execute":[[[0,53]
,141,"$0.$connector.updateSize($1)"],[[0,53]
,0,[1,[{"key":"1","label":"lable1"},{"key":"2","label":"lable2"}]
],"","$0.$connector.set($1,$2,$3)"],[[0,53]
,1,"","$0.$connector.confirm($1,$2)"]],"timings":[1689,2]
}]

When I include the FileDownloadWrapper and the ComboBox is not working I see the following:

Sending xhr message to server: {"csrfToken":"fcca5b18-8066-4130-88d3-1ba9b0d6ae93","rpc":[{"type":"mSync","node":58,"feature":1,"property":"opened","value":true}]
,"syncId":14,"clientId":14}
client-3B1D64116B46DEBA7ADE32AB75416693.cache.js:184 Server visit took 26.775ms
client-3B1D64116B46DEBA7ADE32AB75416693.cache.js:184 JSON parsing took 0.015ms
client-3B1D64116B46DEBA7ADE32AB75416693.cache.js:184 Received xhr message: for(;;);[{"syncId":15,"clientId":15,"timings":[88,1]
}]

The successful example includes the following that is missing from the second:

{"type":"publishedEventHandler","node":53,"templateEventMethodName":"setRequestedRange","templateEventMethodArgs":[0,50,""]
}

Does anyone understand what might be happening here and if so can you point me in the right direction for further investigation.

Thanks for you help.