René's URL Explorer Experiment


Title: refactor(toc): use cdkScrollable for scrolling, remove unnecessary inputs by willshowell · Pull Request #321 · angular/material.angular.io · GitHub

Open Graph Title: refactor(toc): use cdkScrollable for scrolling, remove unnecessary inputs by willshowell · Pull Request #321 · angular/material.angular.io

X Title: refactor(toc): use cdkScrollable for scrolling, remove unnecessary inputs by willshowell · Pull Request #321 · angular/material.angular.io

Description: Combine duplicated logic (try to) increase readability Use cdkScrollable for subscribing to scroll events Use _activeLinkIndex to ensure only a single link is active at a time (removes active from ...

Open Graph Description: Combine duplicated logic (try to) increase readability Use cdkScrollable for subscribing to scroll events Use _activeLinkIndex to ensure only a single link is active at a time (removes active from ...

X Description: Combine duplicated logic (try to) increase readability Use cdkScrollable for subscribing to scroll events Use _activeLinkIndex to ensure only a single link is active at a time (removes active from ...

Opengraph URL: https://github.com/angular/material.angular.io/pull/321

X: @github

direct link

Domain: github.com

route-pattern/_view_fragments/voltron/pull_requests/show/:user_id/:repository/:id/pull_request_layout(.:format)
route-controllervoltron_pull_requests_fragments
route-actionpull_request_layout
fetch-noncev2:5e2cc101-06fd-b367-36e2-1ba338fdbe3e
current-catalog-service-hashae870bc5e265a340912cde392f23dad3671a0a881730ffdadd82f2f57d81641b
request-idEB48:247E0C:1775802:20543E3:696AAA79
html-safe-nonce641a5b3e3277e8d2fc8badaf1426aa40b89d1d7ea8c6e123192d345a39627f06
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJFQjQ4OjI0N0UwQzoxNzc1ODAyOjIwNTQzRTM6Njk2QUFBNzkiLCJ2aXNpdG9yX2lkIjoiMjM0NjQyNjkxMjg3NjQ0MDE4NSIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9
visitor-hmac560ce964e6c66bdffd3140893bf2bf9e3656d5d99b4ec60b0406805a45aabbac
hovercard-subject-tagpull_request:150630951
github-keyboard-shortcutsrepository,pull-request-list,pull-request-conversation,pull-request-files-changed,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location///voltron/pull_requests_fragments/pull_request_layout
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/_view_fragments/voltron/pull_requests/show/angular/material.angular.io/321/pull_request_layout
twitter:imagehttps://opengraph.githubassets.com/93d7e50a3ee61642a031d4b5c08ac2d5d5885c29270b239fb9b1c95340a870ce/angular/material.angular.io/pull/321
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/93d7e50a3ee61642a031d4b5c08ac2d5d5885c29270b239fb9b1c95340a870ce/angular/material.angular.io/pull/321
og:image:altCombine duplicated logic (try to) increase readability Use cdkScrollable for subscribing to scroll events Use _activeLinkIndex to ensure only a single link is active at a time (removes active from ...
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
og:author:usernamewillshowell
hostnamegithub.com
expected-hostnamegithub.com
None3eaf9b8cf1badcd7041a8ad480b9d9b28bea0ef1cc821ca9ff20f2cc7f4fe4b9
turbo-cache-controlno-preview
go-importgithub.com/angular/material.angular.io git https://github.com/angular/material.angular.io.git
octolytics-dimension-user_id139426
octolytics-dimension-user_loginangular
octolytics-dimension-repository_id73332323
octolytics-dimension-repository_nwoangular/material.angular.io
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id73332323
octolytics-dimension-repository_network_root_nwoangular/material.angular.io
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
releasedd9a979046e6382bd084e2bd873bf65f797125ff
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://github.com/angular/material.angular.io/pull/321#start-of-content
https://github.com/
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fangular%2Fmaterial.angular.io%2Fpull%2F321
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub SparkBuild and deploy intelligent appshttps://github.com/features/spark
GitHub ModelsManage and compare promptshttps://github.com/features/models
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
GitHub SponsorsFund open source developershttps://github.com/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/accelerator
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fangular%2Fmaterial.angular.io%2Fpull%2F321
Sign up https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E%2Fvoltron%2Fpull_requests_fragments%2Fpull_request_layout&source=header-repo&source_repo=angular%2Fmaterial.angular.io
Reloadhttps://github.com/angular/material.angular.io/pull/321
Reloadhttps://github.com/angular/material.angular.io/pull/321
Reloadhttps://github.com/angular/material.angular.io/pull/321
angular https://github.com/angular
material.angular.iohttps://github.com/angular/material.angular.io
Notifications https://github.com/login?return_to=%2Fangular%2Fmaterial.angular.io
Fork 389 https://github.com/login?return_to=%2Fangular%2Fmaterial.angular.io
Star 903 https://github.com/login?return_to=%2Fangular%2Fmaterial.angular.io
Code https://github.com/angular/material.angular.io
Issues 33 https://github.com/angular/material.angular.io/issues
Pull requests 20 https://github.com/angular/material.angular.io/pulls
Actions https://github.com/angular/material.angular.io/actions
Projects 0 https://github.com/angular/material.angular.io/projects
Security Uh oh! There was an error while loading. Please reload this page. https://github.com/angular/material.angular.io/security
Please reload this pagehttps://github.com/angular/material.angular.io/pull/321
Insights https://github.com/angular/material.angular.io/pulse
Code https://github.com/angular/material.angular.io
Issues https://github.com/angular/material.angular.io/issues
Pull requests https://github.com/angular/material.angular.io/pulls
Actions https://github.com/angular/material.angular.io/actions
Projects https://github.com/angular/material.angular.io/projects
Security https://github.com/angular/material.angular.io/security
Insights https://github.com/angular/material.angular.io/pulse
willshowellhttps://github.com/willshowell
angular:mainhttps://github.com/angular/material.angular.io/tree/main
willshowell:refactor/tochttps://github.com/willshowell/material.angular.io/tree/refactor/toc
refactor(toc): use cdkScrollable for scrolling, remove unnecessary inputs https://github.com/angular/material.angular.io/pull/321#top
willshowellhttps://github.com/willshowell
angular:mainhttps://github.com/angular/material.angular.io/tree/main
willshowell:refactor/tochttps://github.com/willshowell/material.angular.io/tree/refactor/toc
Conversation 13 https://github.com/angular/material.angular.io/pull/321
Commits 9 https://github.com/angular/material.angular.io/pull/321/commits
Checks 0 https://github.com/angular/material.angular.io/pull/321/checks
Files changed https://github.com/angular/material.angular.io/pull/321/files
Please reload this pagehttps://github.com/angular/material.angular.io/pull/321
https://github.co/hiddenchars
https://github.com/angular/material.angular.io/pull/{{ revealButtonHref }}
https://github.com/willshowell
willshowellhttps://github.com/willshowell
Nov 3, 2017https://github.com/angular/material.angular.io/pull/321#issue-271121747
@jelbournhttps://github.com/jelbourn
Please reload this pagehttps://github.com/angular/material.angular.io/pull/321
https://github.com/googlebot
googlebothttps://github.com/googlebot
cla: yes https://github.com/angular/material.angular.io/issues?q=state%3Aopen%20label%3A%22cla%3A%20yes%22
Nov 3, 2017https://github.com/angular/material.angular.io/pull/321#event-1325691327
https://github.com/jelbourn
jelbournhttps://github.com/jelbourn
Nov 13, 2017 https://github.com/angular/material.angular.io/pull/321#pullrequestreview-76241854
View reviewed changes https://github.com/angular/material.angular.io/pull/321/files
src/app/shared/table-of-contents/table-of-contents.tshttps://github.com/angular/material.angular.io/pull/321/files#diff-eaaeb9cd81e9f2d557584f7d9e0ca1a9503e2b38690f7703bbff8e40684cae7a
jelbournhttps://github.com/jelbourn
Nov 13, 2017https://github.com/angular/material.angular.io/pull/321#discussion_r150658635
Learn morehttps://docs.github.com/articles/managing-disruptive-comments/#hiding-a-comment
Please reload this pagehttps://github.com/angular/material.angular.io/pull/321
src/app/shared/table-of-contents/table-of-contents.tshttps://github.com/angular/material.angular.io/pull/321/files#diff-eaaeb9cd81e9f2d557584f7d9e0ca1a9503e2b38690f7703bbff8e40684cae7a
jelbournhttps://github.com/jelbourn
Nov 13, 2017https://github.com/angular/material.angular.io/pull/321#discussion_r150659049
Learn morehttps://docs.github.com/articles/managing-disruptive-comments/#hiding-a-comment
Please reload this pagehttps://github.com/angular/material.angular.io/pull/321
willshowellhttps://github.com/willshowell
Nov 13, 2017https://github.com/angular/material.angular.io/pull/321#discussion_r150671252
Learn morehttps://docs.github.com/articles/managing-disruptive-comments/#hiding-a-comment
Please reload this pagehttps://github.com/angular/material.angular.io/pull/321
src/app/shared/table-of-contents/table-of-contents.tshttps://github.com/angular/material.angular.io/pull/321/files#diff-eaaeb9cd81e9f2d557584f7d9e0ca1a9503e2b38690f7703bbff8e40684cae7a
jelbournhttps://github.com/jelbourn
Nov 13, 2017https://github.com/angular/material.angular.io/pull/321#discussion_r150659424
Learn morehttps://docs.github.com/articles/managing-disruptive-comments/#hiding-a-comment
Please reload this pagehttps://github.com/angular/material.angular.io/pull/321
willshowellhttps://github.com/willshowell
Nov 13, 2017https://github.com/angular/material.angular.io/pull/321#discussion_r150672378
Learn morehttps://docs.github.com/articles/managing-disruptive-comments/#hiding-a-comment
herehttps://material.angular.io/components/autocomplete/overview#setting-separate-control-and-display-values
Please reload this pagehttps://github.com/angular/material.angular.io/pull/321
willshowellhttps://github.com/willshowell
Nov 13, 2017https://github.com/angular/material.angular.io/pull/321#discussion_r150676271
Please reload this pagehttps://github.com/angular/material.angular.io/pull/321
Learn morehttps://docs.github.com/articles/managing-disruptive-comments/#hiding-a-comment
material.angular.io/src/app/shared/navigation-focus/navigation-focus.tshttps://github.com/angular/material.angular.io/blob/f42d5f412fef560e9891b23a89558c22f914f2f6/src/app/shared/navigation-focus/navigation-focus.ts#L14-L18
f42d5f4https://github.com/angular/material.angular.io/commit/f42d5f412fef560e9891b23a89558c22f914f2f6
Please reload this pagehttps://github.com/angular/material.angular.io/pull/321
https://github.com/willshowell
willshowellhttps://github.com/willshowell
force-pushedhttps://github.com/angular/material.angular.io/compare/d748a504b9844fdc4ed498f7ce66ddd0f3ad56a2..5ad187bb29dafec5f507c4c949d8baeef2b825e0
d748a50https://github.com/angular/material.angular.io/commit/d748a504b9844fdc4ed498f7ce66ddd0f3ad56a2
5ad187bhttps://github.com/angular/material.angular.io/commit/5ad187bb29dafec5f507c4c949d8baeef2b825e0
Compare https://github.com/angular/material.angular.io/compare/d748a504b9844fdc4ed498f7ce66ddd0f3ad56a2..5ad187bb29dafec5f507c4c949d8baeef2b825e0
November 13, 2017 22:07https://github.com/angular/material.angular.io/pull/321#event-1339707293
https://github.com/willshowell
willshowellhttps://github.com/willshowell
Nov 13, 2017https://github.com/angular/material.angular.io/pull/321#issuecomment-344076040
@jelbournhttps://github.com/jelbourn
Please reload this pagehttps://github.com/angular/material.angular.io/pull/321
https://github.com/jelbourn
jelbournhttps://github.com/jelbourn
Nov 14, 2017https://github.com/angular/material.angular.io/pull/321#issuecomment-344126554
@willshowellhttps://github.com/willshowell
Please reload this pagehttps://github.com/angular/material.angular.io/pull/321
https://github.com/willshowell
willshowellhttps://github.com/willshowell
Nov 15, 2017https://github.com/angular/material.angular.io/pull/321#issuecomment-344685071
@jelbournhttps://github.com/jelbourn
Please reload this pagehttps://github.com/angular/material.angular.io/pull/321
https://github.com/jelbourn
jelbournhttps://github.com/jelbourn
amcdnlhttps://github.com/amcdnl
December 8, 2017 00:04https://github.com/angular/material.angular.io/pull/321#event-1377986961
https://github.com/jelbourn
jelbournhttps://github.com/jelbourn
Dec 8, 2017https://github.com/angular/material.angular.io/pull/321#issuecomment-350132681
@amcdnlhttps://github.com/amcdnl
Please reload this pagehttps://github.com/angular/material.angular.io/pull/321
https://github.com/amcdnl
amcdnlhttps://github.com/amcdnl
Dec 10, 2017 https://github.com/angular/material.angular.io/pull/321#pullrequestreview-82360547
View reviewed changes https://github.com/angular/material.angular.io/pull/321/files
amcdnlhttps://github.com/amcdnl
https://github.com/angular/material.angular.io/pull/321#pullrequestreview-82360547
Learn morehttps://docs.github.com/articles/managing-disruptive-comments/#hiding-a-comment
Please reload this pagehttps://github.com/angular/material.angular.io/pull/321
src/app/shared/table-of-contents/table-of-contents.tshttps://github.com/angular/material.angular.io/pull/321/files#diff-eaaeb9cd81e9f2d557584f7d9e0ca1a9503e2b38690f7703bbff8e40684cae7a
amcdnlhttps://github.com/amcdnl
Dec 10, 2017https://github.com/angular/material.angular.io/pull/321#discussion_r155958288
Learn morehttps://docs.github.com/articles/managing-disruptive-comments/#hiding-a-comment
Please reload this pagehttps://github.com/angular/material.angular.io/pull/321
willshowellhttps://github.com/willshowell
December 11, 2017 08:20https://github.com/angular/material.angular.io/pull/321#commits-pushed-7f657ec
https://github.com/willshowell
Have link no longer maintain its own 'active' state. Handle that in t…https://github.com/angular/material.angular.io/pull/321/commits/7f657ecd6554461277452a41e13e8b7d0c41dec2
7f657echttps://github.com/angular/material.angular.io/pull/321/commits/7f657ecd6554461277452a41e13e8b7d0c41dec2
https://github.com/willshowell
Refactor a little logic for cleaner readabilityhttps://github.com/angular/material.angular.io/pull/321/commits/7941daaef27cb9d80818e1c8ea801adaade820e8
7941daahttps://github.com/angular/material.angular.io/pull/321/commits/7941daaef27cb9d80818e1c8ea801adaade820e8
https://github.com/willshowell
Combine duplicated logichttps://github.com/angular/material.angular.io/pull/321/commits/bfe48dc9ddf28e1ce23c5a72d19c8ab123e713e5
bfe48dchttps://github.com/angular/material.angular.io/pull/321/commits/bfe48dc9ddf28e1ce23c5a72d19c8ab123e713e5
https://github.com/willshowell
Rename method to be more descriptivehttps://github.com/angular/material.angular.io/pull/321/commits/b36c688d171d0ad563f65e2b10ff6a5af9e2252f
b36c688https://github.com/angular/material.angular.io/pull/321/commits/b36c688d171d0ad563f65e2b10ff6a5af9e2252f
https://github.com/willshowell
Use scroll dispatcher to respond to scroll events instead of manually…https://github.com/angular/material.angular.io/pull/321/commits/0cbecaf853dbdb4e11872f7f13b5e5d0f754c2f4
0cbecafhttps://github.com/angular/material.angular.io/pull/321/commits/0cbecaf853dbdb4e11872f7f13b5e5d0f754c2f4
https://github.com/willshowell
fix bug where scrollIntoView does not work on page loadhttps://github.com/angular/material.angular.io/pull/321/commits/86e9afac7b4e02bc7082ff0fcbffadb4882125dd
86e9afahttps://github.com/angular/material.angular.io/pull/321/commits/86e9afac7b4e02bc7082ff0fcbffadb4882125dd
https://github.com/willshowell
Address commentshttps://github.com/angular/material.angular.io/pull/321/commits/0a0f46c530b20ef7cb33e4d97cb0af8076c93556
0a0f46chttps://github.com/angular/material.angular.io/pull/321/commits/0a0f46c530b20ef7cb33e4d97cb0af8076c93556
https://github.com/willshowell
Ensure TOC scroll occurs after intial autofocushttps://github.com/angular/material.angular.io/pull/321/commits/57a3d76c2ff376c33c2df16c08fb650df4d5a378
57a3d76https://github.com/angular/material.angular.io/pull/321/commits/57a3d76c2ff376c33c2df16c08fb650df4d5a378
https://github.com/willshowell
Use lettables in TOChttps://github.com/angular/material.angular.io/pull/321/commits/0369155eba7a9b38abb1a41fa907fa36db9fe90d
0369155https://github.com/angular/material.angular.io/pull/321/commits/0369155eba7a9b38abb1a41fa907fa36db9fe90d
https://github.com/willshowell
willshowellhttps://github.com/willshowell
force-pushedhttps://github.com/angular/material.angular.io/compare/5ad187bb29dafec5f507c4c949d8baeef2b825e0..0369155eba7a9b38abb1a41fa907fa36db9fe90d
5ad187bhttps://github.com/angular/material.angular.io/commit/5ad187bb29dafec5f507c4c949d8baeef2b825e0
0369155https://github.com/angular/material.angular.io/commit/0369155eba7a9b38abb1a41fa907fa36db9fe90d
Compare https://github.com/angular/material.angular.io/compare/5ad187bb29dafec5f507c4c949d8baeef2b825e0..0369155eba7a9b38abb1a41fa907fa36db9fe90d
December 11, 2017 14:32https://github.com/angular/material.angular.io/pull/321#event-1381542379
https://github.com/willshowell
willshowellhttps://github.com/willshowell
Dec 11, 2017https://github.com/angular/material.angular.io/pull/321#issuecomment-350740991
@jelbournhttps://github.com/jelbourn
@amcdnlhttps://github.com/amcdnl
Please reload this pagehttps://github.com/angular/material.angular.io/pull/321
Sign up for freehttps://github.com/join?source=comment-repo
Sign inhttps://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fangular%2Fmaterial.angular.io%2Fpull%2F321
https://github.com/amcdnl
amcdnl https://github.com/amcdnl
https://github.com/angular/material.angular.io/pull/321/files/5ad187bb29dafec5f507c4c949d8baeef2b825e0
https://github.com/jelbourn
jelbourn https://github.com/jelbourn
https://github.com/angular/material.angular.io/pull/321/files/d748a504b9844fdc4ed498f7ce66ddd0f3ad56a2
cla: yes https://github.com/angular/material.angular.io/issues?q=state%3Aopen%20label%3A%22cla%3A%20yes%22
Please reload this pagehttps://github.com/angular/material.angular.io/pull/321
https://github.com/willshowell
https://github.com/jelbourn
https://github.com/amcdnl
https://github.com/googlebot
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width

URLs of crawlers that visited me.