Skip to content

docs(docs-infra): scroll home features section into view on tab change#67282

Merged
thePunderWoman merged 1 commit intoangular:mainfrom
hawkgs:adev/scroll-features-sec-into-view
Feb 25, 2026
Merged

docs(docs-infra): scroll home features section into view on tab change#67282
thePunderWoman merged 1 commit intoangular:mainfrom
hawkgs:adev/scroll-features-sec-into-view

Conversation

@hawkgs
Copy link
Member

@hawkgs hawkgs commented Feb 25, 2026

A small UX improvement where the Features section on the home page is scrolled into view when you change the feature tab.

If you happen to randomly explore the page and click on the various buttons, in the case of the features tabs and depending on your screen size, the actual action happens outside of the viewport.

Screenshot 2026-02-25 at 13 45 09

@hawkgs hawkgs requested a review from JeanMeche February 25, 2026 11:57
@hawkgs hawkgs added area: docs-infra Angular.dev application and infrastructure adev: preview labels Feb 25, 2026
@ngbot ngbot bot added this to the Backlog milestone Feb 25, 2026
@angular-robot angular-robot bot added the area: docs Related to the documentation label Feb 25, 2026
Comment on lines 29 to 34
enum FeatureTab {
Signals = 'signals',
ControlFlow = 'control-flow',
DeferrableViews = 'deferrable-views',
Hydration = 'hydration',
}
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Added an enum since the IDs are now used in the class as well.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we make that a const object instead ? (the js generated is unecessary verbose)

export default class Home {
private readonly activatedRoute = inject(ActivatedRoute);
protected readonly isUwu = 'uwu' in this.activatedRoute.snapshot.queryParams;
private readonly codeHighlighter = inject(CodeHighligher);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

good catch.

Copy link
Member

@JeanMeche JeanMeche left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Besides the nits, LGTM

@github-actions
Copy link

github-actions bot commented Feb 25, 2026

Deployed adev-preview for 61ea6f4 to: https://ng-dev-previews-fw--pr-angular-angular-67282-adev-prev-sy1kcqev.web.app

Note: As new commits are pushed to this pull request, this link is updated after the preview is rebuilt.

A small UX improvement where the Features section on the home page is scrolled into view when you change the feature tab.
@hawkgs hawkgs force-pushed the adev/scroll-features-sec-into-view branch from c764ad7 to 61ea6f4 Compare February 25, 2026 12:13
@angular-robot angular-robot bot requested a review from JeanMeche February 25, 2026 12:14
@hawkgs hawkgs added the action: cleanup The PR is in need of cleanup, either due to needing a rebase or in response to comments from reviews label Feb 25, 2026
@hawkgs
Copy link
Member Author

hawkgs commented Feb 25, 2026

For some reason, this change breaks the section in Safari. Looking into it ...

@hawkgs
Copy link
Member Author

hawkgs commented Feb 25, 2026

It seems that the issue is reproducible on main as well: #67283

@hawkgs hawkgs removed the action: cleanup The PR is in need of cleanup, either due to needing a rebase or in response to comments from reviews label Feb 25, 2026
@JeanMeche JeanMeche added action: merge The PR is ready for merge by the caretaker target: patch This PR is targeted for the next patch release labels Feb 25, 2026
@thePunderWoman
Copy link
Contributor

Looks like this can't land in patch. Switching to RC.

@thePunderWoman thePunderWoman added target: rc This PR is targeted for the next release-candidate and removed target: patch This PR is targeted for the next patch release labels Feb 25, 2026
@thePunderWoman
Copy link
Contributor

Oh wow...it can't land in RC either. We'll need a patch PR if you want this to land in anything but main.

@thePunderWoman thePunderWoman added target: minor This PR is targeted for the next minor release and removed target: rc This PR is targeted for the next release-candidate labels Feb 25, 2026
@thePunderWoman thePunderWoman merged commit 957466d into angular:main Feb 25, 2026
28 checks passed
@thePunderWoman
Copy link
Contributor

This PR was merged into the repository. The changes were merged into the following branches:

@hawkgs hawkgs deleted the adev/scroll-features-sec-into-view branch February 25, 2026 16:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

action: merge The PR is ready for merge by the caretaker adev: preview area: docs Related to the documentation area: docs-infra Angular.dev application and infrastructure target: minor This PR is targeted for the next minor release

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants