Problems with fabrik utils.js errors when rendering elements on a form

[p38]

Hi all,

All my elements on a form display correctly, but all the elements give a JS error, so consequently all JS processing on the form does not work, eg: date calendar does not popup when clicking the calendar icon.

Fabrik: cant load PopoverEx as jQuery popover not found - could be the J template has overwritten jQuery (and yes Im looking at your Warp themes!) tipsBootStrapMock.js:160:21

Fabrik form::addElements: Cannot add element "pot___id" of type "FbInternalId" because: bootstrap is not defined utils.js:13:17

Fabrik form::dispatchEvent: Cannot find element to add change event to: pot___training_module_id

Using standard Cassiopia template with J4.4.3 and F4.5, php8.2

Can anyone shed light on this issue, much appreciated?

Paul

 

[troester]

Strange.
Do you have 3rd-party modules, plugins which may be related?
Is it doing in the backend?

 

[p38]

Hi Troester, it does it both frontend and backend.

All form plugins are disabled, so form only has standard elements.

Fabrik: cant load PopoverEx as jQuery popover not found - could be the J template has overwritten jQuery (and yes Im looking at your Warp themes!) tipsBootStrapMock.js:160:21

I think it might be related to this error that occurs first, thereby causing all the other errors.......

It seems if there are any elements on a form that have a tooltip set, or validation plugin set to show tooltip it causes this error.

 

[troester]

All form plugins are disabled,

I didn't mean Fabrik plugins but other 3rd-party components, plugins etc. which may have overridden J!'s jQuery or are preventing loading.

Can you check in your browser console which jQuery is loaded?

 

[p38]

These are all the jQuery items listed on filter.....

jquery.js is v3.7.1

All the files have the latest joomla install timestamp.

https://localhost/aes-tms-j4/plugins/fabrik_element/digsig/libs/signature-pad/jquery.signaturepad.css

https://localhost/aes-tms-j4/media/vendor/jquery/js/jquery.js?3.7.1

https://localhost/aes-tms-j4/media/legacy/js/jquery-noconflict.js?647005fc12b79b3ca2bb30c059899d5994e3e34d

https://localhost/aes-tms-j4/media/com_fabrik/js/lib/jquery-ui/jquery-ui.js

https://localhost/aes-tms-j4/plugins/fabrik_element/digsig/libs/signature-pad/jquery.signaturepad.js

https://localhost/aes-tms-j4/media/com_fabrik/js/lib/debounce/jquery.ba-throttle-debounce.js

https://localhost/aes-tms-j4/media/com_fabrik/js/lib/jquery-ui/jquery-ui.js

https://localhost/aes-tms-j4/components/com_fabrik/libs/masked_input/jquery.maskedinput.js

Fabrik: cant load PopoverEx as jQuery popover not found - could be the J template has overwritten jQuery (and yes Im looking at your Warp themes!)

 

[troester]

Is bootstrap loaded?
It should look like

 

[p38]

Hi Troester, I can confirm, that they are all loaded as per your screenshot.

Strange thing is, altho it complains about tooltip, the tooltips do show and the popup occurs.

However, any javascript actions such as date calendar, or even digisig pad are not run, so this load error causes all subsequent JS actions to be blocked.

If I take out tooltips in elements, the form works as expected, including dates and digisig for example.

Paul.

 

[troester]

Is this with all your forms or a special one?

 

[p38]

Hi Troester, I previously checked with random forms and they all gave the error before I lodged this question.

However, your suggestion prompted me to check all the forms (some 50 of them) and can see that a very few do not give an error, even though they have tooltips.

So this indicates possible areas to look at...... eg:

1) check if a certain element is used on a form that exhibits the error
2) check if element javascript events cause an issue
3) considering all my forms are Fabrik3 upgrades, perhaps there is an issue linked to this.

Let me see if I can compare and narrow down/pinpoint the issue before I waste any more of your time, then will come back here with my findings.

Much appreciate the help.