Console errors breaking Admin Stores Configuration on 2.4.7-p3

[dphilipps]

Preconditions and environment

-2.4.7-p3 fresh install
DEVELOPER MODE
(Also occurs in Production mode but much less frequently - can take 5 mins of clicking around)

This happens inconsistently, browsing around number of different admin sections is needed before the console errors are displayed. It isn't one section which conistently breaks.

Steps to reproduce

1. In admin browse to Stores->Configuration
2. Open console
3. Click between sections within areas on left menu such as General->Web, General->Currency Setup, Customers->Customer Configuration etc.
4. Look for console error then attempt to open a section on the right

Expected result

Drop-down sections in admin should expandable by clicking down arrow.
No console errors are expected

Actual result

Drop-down sections in admin CANNOT be expanded by clicking down arrow.

Uncaught TypeError: ah.attachEvent is not a function at s (legacy-build.min.js:12:31254)

Additional information

No response

Release note

No response

Triage and priority

• Severity: S0 - Affects critical data or functionality and leaves users without workaround.
• Severity: S1 - Affects critical data or functionality and forces users to employ a workaround.
• Severity: S2 - Affects non-critical data or functionality and forces users to employ a workaround.
• Severity: S3 - Affects non-critical data or functionality and does not force users to employ a workaround.
• Severity: S4 - Affects aesthetics, professional look and feel, “quality” or “usability”.

[m2-assistant]

Hi @dphilipps. Thank you for your report.
To speed up processing of this issue, make sure that the issue is reproducible on the vanilla Magento instance following Steps to reproduce.

• For more details, review the Magento Contributor Assistant documentation.
• Add a comment to assign the issue: @magento I am working on this
• To learn more about issue processing workflow, refer to the Code Contributions.

---

Join Magento Community Engineering Slack and ask your questions in #github channel.
⚠️ According to the Magento Contribution requirements, all issues must go through the Community Contributions Triage process. Community Contributions Triage is a public meeting.
🕙 You can find the schedule on the Magento Community Calendar page.
📞 The triage of issues happens in the queue order. If you want to speed up the delivery of your contribution, join the Community Contributions Triage session to discuss the appropriate ticket.

[dphilipps]

@magento give me 2.4.7-p3 instance

[dphilipps]

@magento give me 2.4.7 instance

[dphilipps]

@magento I am working on this

[dphilipps]

@magento give me 2.4.7-p3 instance

[dphilipps]

@magento give me 2.4-develop instance

[dphilipps]

Is Magento instance deployment not working?

[mflott]

I'm also seeing this issue quite frequently, same Magento version.

Including the error message in the description, I'm also often seeing this on the occasion that it breaks:

Uncaught TypeError: $(...).filter(...).collapse is not a function
    at HTMLDivElement.<anonymous> (VM22992 theme.js:629:12)
    at Function.each (VM22991 jquery.js:383:35)
    at VM22992 theme.js:626:7
    at Object.execCb (require.js:1720:33)
    at Module.check (require.js:893:51)
    at Module.<anonymous> (require.js:1153:34)
    at require.js:138:23
    at require.js:1205:21
    at each (require.js:62:31)
    at Module.emit (require.js:1204:17)

[mflott]

Related issue: #39066

[m2-assistant]

Hi @engcom-Bravo. Thank you for working on this issue.
In order to make sure that issue has enough information and ready for development, please read and check the following instruction: 👇

• 1. Verify that issue has all the required information. (Preconditions, Steps to reproduce, Expected result, Actual result).
• 2. Verify that issue has a meaningful description and provides enough information to reproduce the issue.
• 3. Add Area: XXXXX label to the ticket, indicating the functional areas it may be related to.
• 4. Verify that the issue is reproducible on 2.4-develop branch
  Details

  - If the issue is reproducible on 2.4-develop branch, please, add the label Reproduced on 2.4.x.
  - If the issue is not reproducible, add your comment that issue is not reproducible and close the issue and stop verification process here!
• 5. Add label Issue: Confirmed once verification is complete.
• 6. Make sure that automatic system confirms that report has been added to the backlog.

[dphilipps]

I've spent some time troubleshooting this issue on a fresh composer install of 2.4.7-p3 and trying some of the suggestions above.

Here are my findings:

Disabling Paypal Braintree modules: Didn't work for me, I've disabled all of them, and I could still reproduce the issue.
Nginx vs Apache: I switched my FPM between both and makes no difference.
Re-deploying static content (for admin or all): This made no difference either.
I have noticed it is a lot harder to reproduce when the store is in Production mode. It can take 5 minutes of clicking around Stores->Configuration to see the issue. In Developer mode, it only takes a couple of times.

screen.recording.mp4

[dphilipps]

@engcom-Bravo Could you please tell me why it is no longer possible to Deploy vanilla Magento Open Source instance with @magento give me xxx instance as per the contributor documentation? I always like to try and reproduce it on a Magento instance when I raise the bug which saves you time, but it doesn't seem available at the moment?

[engcom-Bravo]

Hi @dphilipps,

Thanks for your reporting and collaboration.

The Magento 2.4-develop instance service(MDS) has been decommissioned hence we will not get here Magento 2.4-develop instance.

We have verified the issue in Latest 2.4-develop instance and the issue is reproducible.Kindly refer the screenshots.

Drop-down sections in admin CANNOT be expanded by clicking down arrow.

Hence Confirming the issue.

Thanks.

[github-jira-sync-bot]

✅ Jira issue https://jira.corp.adobe.com/browse/AC-13741 is successfully created for this GitHub issue.

[m2-assistant]

✅ Confirmed by @engcom-Bravo. Thank you for verifying the issue.
Issue Available: @engcom-Bravo, You will be automatically unassigned. Contributors/Maintainers can claim this issue to continue. To reclaim and continue work, reassign the ticket to yourself.

[dphilipps]

Thanks for confirming the issue @engcom-Bravo appreciate it. Let me know if I can assist further.

And thanks for explaining about MDS that's a shame that has been decommissioned.

[mflott]

To add more info for those who might be looking into this, I can confirm that at least the jQuery libary is loaded twice when this issue occurs. It also happens occasionally with scripts in frontend, meaning that it's most likely a general issue and not related to a specific scope.

[ananth-iyer]

Here is the patch - https://gist.github.com/ananth-iyer/e85c60112516828d64c6701ba55cd1bb

[dphilipps]

Here is the patch - https://gist.github.com/ananth-iyer/e85c60112516828d64c6701ba55cd1bb
Hi @ananth-iyer
Thanks for the patch. However, I can still reproduce the issue with the Braintree modules fully disabled and the file you are patching resides in PayPal_Braintree (module-braintree-core)

I have disabled the following modules, cleared static content, cache etc and exact same console errors appear.

PayPal_Braintree
PayPal_BraintreeCustomerBalance
PayPal_BraintreeGiftCardAccount
PayPal_BraintreeGiftWrapping
PayPal_BraintreeGraphQl