jquery / jquery/jquery-ui

Detached dom node can't be released

Open
#2,112 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Behavior shared with 1.12 Comp: Tabs
Dominant language
JavaScript
Stars
11.3k
Forks
5.2k
PR merge metrics
No merged PRs in 30d

Description

Hi
Recently, I used tabs of jquery ui and run the demo https://jqueryui.com/tabs/#manipulation. I found the DOM is detached from the document tree but it is still referred by the classesElementLookup afer I closed the tabs like reference stack below:
[1] at Detached InternalNode@28601088
[8] at Detached HTMLLIElement@234047
[0] at jQuery.fn.init@318399
ui-state-focus at Object@318349
classesElementLookup at $..@313757
uiTabs at Object@329781
jQuery360058556434809620382 at HTMLDivElement@275389

When I open/close the tab frequently, there are mass of detached dom node increated.
Also I found there is no method to destroy single tab.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the problem with the jQuery UI tabs manipulation demo and inspect the detached-node reference stack, especially classesElementLookup and uiTabs. Confirm the behavior when tabs are repeatedly opened and closed, then verify that closed tab nodes can be released and that the requested single-tab destruction behavior is addressed.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, jquery
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.