Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Slow preformance on expand and select checkboxes

See original GitHub issue


I know there are ALOT of posts related to this issue but I still didn’t find a proper answer for this problem. I’m using this (GREAT ! ) module with nodes list ~10K . When trying to select a checkbox with a list of >1K - the system is lagging. In addition , using treeModel.expandAll() - is also lagging. Also programically using those lines are codes are showing poor preformance :

selectAllNodes() {
        const firstNode = this.tree.treeModel.getFirstRoot();

    deselectAllNodes() {
        const firstNode = this.tree.treeModel.getFirstRoot();

It is not clear if there is some kind of fix for those problems in the near future (or not…).

Plunker :

Issue Analytics

  • State:open
  • Created 5 years ago
  • Comments:22 (4 by maintainers)

github_iconTop GitHub Comments

amunra2112commented, Apr 17, 2018

Hello I don’t know if it helps but also with huge trees expandAll and collapseAll can be quite fast with some drawbacks which @adamkleingit may be able to find and explain.

  public setExpandedNodes(expandedNodeIds: any) {
    this.tree.treeModel.expandedNodeIds = expandedNodeIds;

  public collapseAll() {
    let expandedNodeIds: any = {};
  public expandAll() {
    let expandedNodeIds: any = {};
    for (let node of this.tree.treeModel.roots) {
      expandedNodeIds = this.updateNode(node, expandedNodeIds, true)

  private updateNode(node: TreeNode, expandedNodeIds: any, expand: boolean) {
    let newExp = expandedNodeIds
    let children = node.children
    if (children) {
      for (let child of children) {
        newExp = this.updateNode(child, newExp, expand);
    if (node.hasChildren) {
      return Object.assign({}, newExp, {[]: expand});
    return newExp;

One problem is that no event is fired for the expand and collapse but this may not be a problem for you

mfigcommented, Aug 13, 2021

I know this thread is old but I run into same issue. Here’s snippet for checkbox performance issue (Select all) that you can pass with options I managed to reduce delay from 5-10 sec to ~160ms (I have ~2.5k elements in tree).

const actionMapping: IActionMapping = {
    mouse: {
        checkboxClick: (tree: TreeModel, node: TreeNode, $event: any) => {
            if (!node) {
            const value = !node.isSelected;
            const selectedLeadNodes = tree.selectedLeafNodeIds;
            setNodeSelected(tree, node, value);
            tree.selectedLeafNodeIds = Object.assign({}, selectedLeadNodes, {[]: value});

            function setNodeSelected(tree, node, value) {
                if (node.isSelectable()) {
                    selectedLeadNodes[] = value;
                } else {
                    node.visibleChildren.forEach((child) => setNodeSelected(tree, child, value));

const options: ITreeOptions = {
    useCheckbox: true,
    useVirtualScroll: true,
    nodeHeight: 25,
Read more comments on GitHub >

github_iconTop Results From Across the Web

Many checkbox elements "slows" down Safari - Stack Overflow
When I have many type="checkbox" elements on a page, interacting with with a text input becomes very slow and laggy. This seems much...
Read more >
Enhance Your Checkboxes with Conditional Formatting in Excel
Improve your checklists by adding conditional formatting that changes text when checkboxes are checked or unchecked.
Read more >
Performance and synchronization problems when you work ...
Slow Outlook performance or random hangs. ... Click to clear the Download shared folders check box. Click OK two times. Click Next, click...
Read more >
Checkbox marks become slow if clicked multiple times quickly
Problem. This document will cover the scenario when assigning permissions would become a slow task when you click several times on a checkbox...
Read more >
Slow rendering - Android Developers
If your app suffers from slow UI rendering, then the system is ... frame is drawn and color codes each frame to highlight...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found