[TRAINING] bug: button retained in memory after removed from DOM

[liamdebeasi]

Important

The contents of this thread are for training purposes only and do not represent an actual memory leak in Ionic Framework. If you think you've found a bug in Ionic, please file an issue.

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v8.x

Current Behavior

The trigger button for the Modal is retained in memory even after it is removed from the DOM.

Expected Behavior

I expect the trigger button to not be retained in memory after it is removed from the DOM.

Steps to Reproduce

1. Clone the reproduction sample.
2. Run npm install in the core directory to install dependencies.
3. Run npm run start to start the Stencil dev server.
4. Navigate to http://localhost:3333/src/components/modal/test/trigger
5. Click "Agree and Continue". The "Open Terms of Service" button will be removed from the DOM, but it will still be retained in memory.

Code Reproduction URL

https://github.com/liamdebeasi/framework-training-leak-2

Ionic Info

Ionic v8.0.1

Additional Information

No response

Note

There is a second memory leak here! This memory leak occurs on the original trigger button when the trigger property on the Modal changes to reference a different element. Can you find the source of the leak?