fix: correctly call proxied formAssociated callbacks

[dwirz]

Current Behavior

The proxyComponent function currently overwrites the formAssociatedCallback and all other formAssociated-callback methods on the component’s prototype, causing this.formAssociatedCallback to reference the proxy wrapper instead of the original method. This results in infinite recursion when the method attempts to call itself.

Note: This bug only occurs when the externalRuntime flag for the dist-custom-elements output target is set to false. In this configuration, the generated code does not use $lazyInstance$[cbName] (which correctly references the original method) but instead relies on this[cbName], which causes the method to recursively call itself, leading to an infinite loop.

GitHub Issue: #6038

New Behavior

These changes ensure that formAssociatedCallback and all other FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS are properly referenced and called, preventing infinite recursion. When the lazyLoad flag is enabled, the method on the $lazyInstance$ is used. Otherwise, the original method is called directly, avoiding the infinite loop.

Documentation

No significant documentation changes are required.

Breaking Change?

• Yes
• No

Testing

A new test has been added in test/wdio to verify this behavior.

Additional Information

None.

[baumgm94]

Hi @christian-bromann, just checking in to see if there are any updates on this PR. Let me know if there's anything needed from my side to help move it forward!

[christian-bromann]

Thanks for pinging and putting up this great pull request. The code looks good to me, will merge once all test pass.

👍

[baumgm94]

@christian-bromann, Thank you very much! Your effort is highly appreciated!