Fileupload Delete button not working if form layout is bootstrap_tabs

[sakyildiz]

If the form layout is bootstrap everything is fine. However if form layout is bootstrap_tabs, when fileupload delete button clicked a soft confirmation dialog appears but nothing happens whether yes or no button is clicked. The filename is still there and if save button clicked the fileupload element still contains the filename and file is still in the server also.

 

[sakyildiz]

My system is J4.3.4, php 8.1 and fabrik epsilon

 

[sakyildiz]

Any suggestions?

 

[achartier]

can you check your browsers debug console and see if there are any javascript errors before or when you click on the delete button. Also, check that you do not have J! debug enabled as it can cause all kinds of issues with ajax calls.

 

[sakyildiz]

thank you for your reply. the same problem with J! debug disabled. Here is my browsers debug console errors:

Fabrik form::addElements: Cannot add element "pratik___resim1" of type "FbFileUpload" because: Cannot read properties of null (reading 'getParent')
utils.js:3
Fabrik form::addElements: Cannot add element "pratik___resim2" of type "FbFileUpload" because: Cannot read properties of null (reading 'getParent')
utils.js:3
Fabrik form::addElements: Cannot add element "pratik___resim3" of type "FbFileUpload" because: Cannot read properties of null (reading 'getParent')
fileupload-min.js:3
Uncaught TypeError: Cannot read properties of undefined (reading 'id')
at Object.doDelete (fileupload-min.js:3:3410)
at s.extend.$owner (mootools-core.js:3:17367)
at HTMLButtonElement.dispatch (jquery.min.js?3.6.3:2:43336)
at y.handle (jquery.min.js?3.6.3:2:41320)

when i change my form layout template from bootstrap_taps to bootstrap, no errors and everything works fine.

 

[achartier]

Is your site accessible so I can see what is happening? I suspect there was a change to the markup of Bootstrap5 and some javascript needs updating.

 

[troester]

It's replicatable.
But I don't see an obvious solution
(In case of bootstrap_tabs this.form is undefined in fileupload.js onDelete() )

 

[sakyildiz]

Thank you for your effort. However it used to work for joomla 3x php7 and fabrik 3x. Do you think the problem is related with bootstrap5?

 

[troester]

It's a new Joomla, new php, new jQuery, new bootstrap, new Fabrik with massive adaptions...

But hopefully fixed with the next release

 

[sakyildiz]

i am looking forward to the new release. Thank you very much for all your effort.

 

[achartier]

Zeta is now out. Please give it a try and let us know if your issue has been fixed. Thanks.

 

[sakyildiz]

Solved now with Zeta. thank you. I'll test with J!5 now.