[TRAINING] bug: ion-input 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

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

Ionic Framework Version

v8.x

Current Behavior

ion-input is retained in memory even after being removed from the DOM.

Expected Behavior

I expect ion-input to not be retained in memory by Ionic Framework 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/input/test/basic
5. Fill out the form.
6. Click "Submit". The input will be removed from the DOM, but it will still be retained in memory.

Code Reproduction URL

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

Ionic Info

Ionic v8.0.1

Additional Information

No response