Skip to content

Highlight sidebar navigation tiles as the user scrolls the page manually - #180

Merged
LAKSHMIRPILLAI merged 13 commits into
mainfrom
lp-add-scrolling-highlight
Aug 5, 2026
Merged

LAKSHMIRPILLAI merged 13 commits into
mainfrom
lp-add-scrolling-highlight

Conversation

@LAKSHMIRPILLAI

@LAKSHMIRPILLAI LAKSHMIRPILLAI commented Jul 30, 2026 •

Copy link
Copy Markdown
Contributor

What does this change?

Highlighted tile should change as the user scrolls the page manually

Note

This also solves the issue of click action and scrolling competing to set the selected href for highlighting the side navigation tile to an extend

How has this change been tested?

Tested locally

How can we measure success?

On user scrolling through the page, the relevant side bar navigation tile should be highlighted

Have we considered potential risks?

Not too risky as not in production yet

@LAKSHMIRPILLAI LAKSHMIRPILLAI added the feature Departmental tracking: work on a new feature label Jul 30, 2026
@github-actions

github-actions Bot commented Jul 30, 2026 •

Copy link
Copy Markdown

@LAKSHMIRPILLAI LAKSHMIRPILLAI changed the title Highlight sidebar navigation tiles as the use scrolls the page manually Highlight sidebar navigation tiles as the user scrolls the page manually Aug 3, 2026
@LAKSHMIRPILLAI
LAKSHMIRPILLAI marked this pull request as ready for review August 4, 2026 08:02
@LAKSHMIRPILLAI
LAKSHMIRPILLAI requested a review from a team as a code owner August 4, 2026 08:02
href: string;
trackedSectionId: string;
isSelected: boolean;
onPress: () => void;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Do we use the onPress property anymore? It looks like we could do without it.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

we need it in SideNavigationPanelTileProps, but I have removed it from SIDE_NAVIGATION_PANEL_ITEMS

display: 'flex',
flexDirection: 'column',
gap: semanticSpacing.stackLg,
width: '476px',

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

We don't need to address this now, but having the width set here might make it difficult to implement the layout for different breakpoints when we get to that

@LAKSHMIRPILLAI
LAKSHMIRPILLAI merged commit 90dcc11 into main Aug 5, 2026
5 checks passed
@LAKSHMIRPILLAI
LAKSHMIRPILLAI deleted the lp-add-scrolling-highlight branch August 5, 2026 09:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feature Departmental tracking: work on a new feature

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Highlighted tile should change as the user scrolls the page manually

2 participants