angular / angular/components

Guide Content list element is not highlighting Last index element even we are reading last content

Open
#30,746 1 comment 0 reactions 0 assignees View on GitHub
area: material.angular.io P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

I am going through https://material.angular.io/guide/schematics
and I noticed following things
1) when I reading left content by content it highlights current topic name in right side list
but its not working for last content
- when i am reding last content **Material 3 Theme schematic** but right side highlighter showing only on **Drag and Drop schematic** instead of **Material 3 Theme schematic**

### Reproduction

I am going through https://material.angular.io/guide/schematics
and I noticed following things
1) when I reading left content by content it highlights current topic name in right side list
but its not working for last content
- when i am reding last content **Material 3 Theme schematic** but right side highlighter showing only on **Drag and Drop schematic** instead of **Material 3 Theme schematic**

### Expected Behavior

when I am reading last content in list then only last element is not highlighted in **Guide Content** list

### Actual Behavior

when I am reading last content in list then only last element is should be highlighted in **Guide Content** list

### Environment

Image

Contributor guide

Open the contributing guide

Research direction

Open the Guide Schematics page at https://material.angular.io/guide/schematics and reproduce the issue by reading through to the final “Material 3 Theme schematic” section. Trace the Guide Content highlighting behavior and verify that the final entry becomes highlighted when its content is visible, without changing the highlighting of earlier entries.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.