Closed Bug 1260025 Opened 9 years ago Closed 9 years ago

Filter large tables with tablefilter hangs since v45.0

Categories

(Core :: DOM: Core & HTML, defect)

45 Branch
defect
Not set
normal

Tracking

()

RESOLVED WORKSFORME
Tracking Status
firefox45 --- unaffected
firefox46 --- unaffected
firefox47 --- unaffected
firefox48 --- unaffected
firefox-esr45 --- affected

People

(Reporter: emarci1993, Unassigned)

References

Details

(Keywords: hang, perf, regression)

Attachments

(2 files)

Attached file bug-report.tar.gz (deleted) —
User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:45.0) Gecko/20100101 Firefox/45.0 Build ID: 20160304114936 Steps to reproduce: 1. Open the HTML file 2. type in the second box "TEST" (for example) Actual results: Firefox reports that the script is hanging. Affected versions are: 45.0 a1 (build from 2015-11-02) 45.0.0 45.0.1 48.0 a1 (2016-03-25) Expected results: The script should have filtered the rows and show an empty table. Works fine with: 38.7.1 44.0.2 45.0 a1 (build from 2015-11-01)
Mats, as roc is away, could you find someone in charge of this part of code, please.
Blocks: innertext
Status: UNCONFIRMED → NEW
Component: General → DOM: Core & HTML
Ever confirmed: true
Flags: needinfo?(mats)
Keywords: hang, perf, regression
OS: Unspecified → All
Hardware: Unspecified → All
Here's the problematic script: function tf_GetNodeText(n) /*==================================================== - returns text + text of child nodes of a node =====================================================*/ { var s = n.textContent || n.innerText || n.innerHTML.replace(/\<[^<>]+>/g, ''); s = s.replace(/^\s+/, '').replace(/\s+$/, '')/*.tf_Trim()*/; return s.tf_Trim(); } So when n.textContent returns "" we will evaluate n.innerText which in this case also returns "" so we will evaluate n.innerHTML too. This function is called once for each <td> it seems, about half of which are empty. Apart from that, n.innerText flushes layout(*) so if there are DOM / style changes between the calls to tf_GetNodeText this will be very costly. And this is what causes the performance problem in this case. (*) this is documented here: https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent So, I think this bug is invalid. The workaround to the .innerText flush problem is to set display:none on the subtree while it's being modified. In this case I'm guessing it's the <table> element. Like so: tableElement.style.display="none" // sort the table, i.e. all the tf_GetNodeText calls happens here tableElement.style.display=""
Flags: needinfo?(mats)
.innerText is called in tablefilter_all.js, so is it a bug in this JS lib?
Is it possible for you to file a bug report as you know the subject better than me? https://github.com/koalyptus/TableFilter/issues
I'll leave that for someone else. Comment 3 have all the info needed about the problem.
The issue was fixed by the JS lib by not executing .innerText if .textContent is supported. Thanks for the fast response! Closing this bug as it works with the current version now.
Status: NEW → RESOLVED
Closed: 9 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: