Posted 20 February 2024, 2:04 pm EST
While performing memory profiling and understanding our app’s disposal of elements that are no longer in use, some inconsistencies arose around detached elements. Specifically related to WjTooltip and its use with the FlexGrid. We use a number of event listeners to handle programmatically hiding and showing a tooltip instance, rather than attaching it to each element within a grid individually. These event listeners are managed by Renderer2, which gives us access to destructor methods to safely remove them on disposal.
When disposing of the grid - after we’ve shown a tooltip - the tooltip seems to get stuck as a detached element, even after garbage collection is forced to run. How do we properly dispose of the tooltip to ensure that we have no detached elements after disposal?
The below demo showcases the issue, which can best be seen using tools such as the detached elements view in Edge.
demo: https://jscodemine.mescius.io/sample/3ndzWndjaU28hTwgoQuD6g/
