← All examples

Action Developer & QA gitlab.com

GitLab: expand all collapsed diffs

Expands every collapsed diff file on a merge-request or commit page with one click.

Code to copy

// Expand every collapsed diff file on a merge request or commit page
document.querySelectorAll('.diff-file.collapsed .file-title, .diff-file .js-file-title')
  .forEach(function (title) {
    const file = title.closest('.diff-file');
    if (file && file.classList.contains('collapsed')) {
      title.click();
    }
  });
const toggleAll = document.querySelector('[data-testid="expand-all-files"], .js-expand-all-diffs');
if (toggleAll) { toggleAll.click(); }

How to use this example

  1. Copy the code with the button above.
  2. Install JustZix (2 minutes) and open the extension on the target page.
  3. Add a new rule matching that page.
  4. Enable the action panel, add a button in the Actions tab and paste the code into it — run it with one click.

Rate this example

No ratings yet — be the first.

Does this example work?

Snippets are useless without somewhere to paste them.

JustZix takes 2 minutes to install and runs your code on every matching page. No account, no payment.

Download free See use cases