(GitHub table of contents) Resizable window

[darkred]

Greetings @Mottie

It's a feature request I wanted to make for a long time now:
it's about your awesome script, "GitHub table of contents".

Would it be possible to make its window resizable?
i.e. to be able to drag its right corner(or its edges) and expand/reduce as I want?

The reason is that very often, many entries in the TOC don't fit in the window and are truncated,
and I have to mouseover each line to see it fully.

Example page:
https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_52.md

Screenshot

Thank you

P.S. I know you are super busy in your life, just wanted to express my wish 🙂

[Mottie]

Done 😸

[darkred]

You are awesome!! Thanks so much !

[darkred]

If it's not too much to ask, could you please make the sections collapsible when clicking the arrows ?
e.g. in the following screenshot examples, the Workbench section to collapse when clicking the arrow before it?
I am asking this, because when the TOC is very long, it would be very convenient to be able to expand/collapse some sections.

Screenshot 1

Screenshot 2

[Mottie]

Clicking on the arrows works for me in Chrome. What browser are you having an issue in?

[darkred]

I hid my last comment:
there are some issues after your last commit: the collapse arrows now work only on some pages,
that's why I mistakenly thought that the feature is missing, sorry.
So, this comment is an issue report:

Below are example pages: (tested in my Chrome 88 everyday profile, with latest TM beta 4.12.6126)

Where the collapse arrows don't work, having login to GitHub: (it's rather in all pages I tried)
(I believe this started happening right after I resized the TOC window)
https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_52.md
https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_53.md
https://github.com/sinatra/sinatra (the example URL)
https://github.com/sindresorhus/refined-github
https://github.com/Mottie/tablesorter

No generated TOC when not logged in to GitHub:
https://github.com/sinatra/sinatra (the example URL)
https://github.com/Mottie/GitHub-userscripts
https://github.com/Mottie/tablesorter

There's the following error in Console in the last case group:

Uncaught (in promise) TypeError: Cannot read property 'parentElement' of null at init 

---

Also, when I test on a fresh Chrome profile with only latest Tampermonkey beta/Violentmonkey and the script (after login to GitHub):
there are no collapse arrows: (no error in Console)

Screenshot

[darkred]

Update:
regarding my everyday Chrome profile,
I found that the collapse arrows not working is a conflict with the Refined GitHub extension:
when I disable it, then they work ok every time.
If I enable it, then they don't work most of/all the times.

[Mottie]

I found that the collapse arrows event listener was being bound on every page refresh. I've updated the script just now. Please try it now.

[darkred]

Thanks a lot! So, indeed the 1st issue is fixed!

What now still remains is the other two:
(I retested them just now with a different fresh Chrome profile with only TM beta/VM beta)

---

No generated TOC when not logged in to GitHub:
Example pages:
https://github.com/sinatra/sinatra (the example URL)
https://github.com/Mottie/GitHub-userscripts
https://github.com/Mottie/tablesorter

There's the following error in Console:

Uncaught (in promise) TypeError: Cannot read property 'parentElement' of null at init 

---

No collapse arrows after login to GitHub:
(no error in Console)
Example page:
https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_53.md

Screenshot

[Mottie]

Ok, I've just updated the userscript to work on the logged out header... I can't reproduce the last issue with no arrows. I did change how the arrows are rendered, so maybe it's incompatible with other browsers? No idea.

[darkred]

Thanks for the fix when logged out.

---

The last issue occurs for me consistently.

If I may assist in reproducing it, here is my STR in full details:

In in a fresh Chrome profile of 88.0.4324.104 / Firefox 85 (win10 x64 20h2),
with only Tampermonkey beta 4.12.6126/Violentmonkey beta 2.12.9.4
and the script:

I open https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_52.md :
there are no collapse arrows in both browsers neither when logged in nor when logged out.

Screenshots:

logged out:

in Chrome

in Firefox

logged in:

in Chrome

in Firefox

 
In both browsers also I tried changing the GitHub theme Dark/Light (https://github.com/settings/appearance)
but it made no difference.

[darkred]

Update:
in the fresh profiles, the collapse arrows are displayed again only if I install (Stylus extension and the) Github Dark userstyle.
Without that userstyle, the arrows don't appear in neither the Dark nor Light default GitHub theme.

[Mottie]

Oh, are they just invisible?

[darkred]

Yes, exactly: