You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
We are facing an issue with using Bootstrap 5.3.3 Custom JS in our Spring Boot/Thymeleaf project. On some pages, after deleting uploaded e-tickets, we see the following error in the JS console:
Error in delete eticket: TypeError: Cannot read properties of undefined (reading 'Collapse')
at handleDeleteSuccess (user-fba40655bd957029b81c8cfa717d46cd.js:355:13)
at user-fba40655bd957029b81c8cfa717d46cd.js:375:7
Similarly, on another page, after clicking "Save" in the quick edit modal, we get the following error:
Unexpected error while submitting ticketOffer state: TypeError: Cannot read properties of undefined (reading 'Modal')
at user-fba40655bd957029b81c8cfa717d46cd.js:81:16
The issue appeared after moving the Bootstrap script import to the footer and upgrading from Bootstrap 5.1.3 custom to 5.3.3 custom. After moving the script to the footer, Collapse and Modal from Bootstrap 5.1.3 were working, but they stopped working after upgrading to 5.3.3.
Our custom version contains the same components as the previous Bootstrap 5.1.3 custom version, except for popper.js, which includes: dom/data.js, dom/event-handler.js, dom/manipulator.js, dom/selector-engine.js, base-component.js, collapse.js, modal.js, dropdown.js. We added popper.js to bootstrap-5.3.3.custom.min.js for testing, but it didn't solve the issue.
We know that the current Bootstrap 5.3.3 custom version is missing:
popper.js
from the UTILS folder: template-factory.js, swipe.js, sanitizer.js
other main modules that are not used: popover.js, scrollspy.js, alert.js, button.js, tab.js, toast.js, etc.
Collapse is used in this way, and the error occurs here:
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Hi,
We are facing an issue with using Bootstrap 5.3.3 Custom JS in our Spring Boot/Thymeleaf project. On some pages, after deleting uploaded e-tickets, we see the following error in the JS console:
Similarly, on another page, after clicking "Save" in the quick edit modal, we get the following error:
The issue appeared after moving the Bootstrap script import to the footer and upgrading from Bootstrap 5.1.3 custom to 5.3.3 custom. After moving the script to the footer, Collapse and Modal from Bootstrap 5.1.3 were working, but they stopped working after upgrading to 5.3.3.
Our custom version contains the same components as the previous Bootstrap 5.1.3 custom version, except for popper.js, which includes: dom/data.js, dom/event-handler.js, dom/manipulator.js, dom/selector-engine.js, base-component.js, collapse.js, modal.js, dropdown.js. We added popper.js to bootstrap-5.3.3.custom.min.js for testing, but it didn't solve the issue.
We know that the current Bootstrap 5.3.3 custom version is missing:
popper.js
from the UTILS folder: template-factory.js, swipe.js, sanitizer.js
other main modules that are not used: popover.js, scrollspy.js, alert.js, button.js, tab.js, toast.js, etc.
Collapse is used in this way, and the error occurs here:
Modal is used in this way, and the error occurs here:
If we use Bootstrap 5.3.3 in the bundle version, everything works fine.
Has anyone faced a similar issue?
Thanks for your help!
Beta Was this translation helpful? Give feedback.
All reactions