[BUG] Currently active item in structured nav blinks during certain transitions

[elynema]

Description

Under certain circumstances, the title of the selected playlist item in the structured navigation will blink between 1 and 4 times. This happens:

Playlist context:

• when clicking on an item in the playlist
• when using the next button to advance to the next canvas
• when starting/stopping playback of an item in a playlist
• when the last item in a playlist finishes

Media item page context:

• when clicking on a timespan in the structured nav on a media item
• when starting/stopping playback of a timespan in the structured nav
• when using the prev/next button to advance to a timespan in the structured nav (ex: navigating to a section that begins with a timespan highlighted)

This video shows some examples:

Private Zenhub Video

On the item page:

See past history on #370.

[joncameron]

Could be due to state updates happening multiple times quickly.

[elynema]

@charumitraravi I can't assign this one to you b/c you're not in the Ramp repository, but can you take a look at this one? The ticket description lists the times that we were seeing blinking in the navigation as a checklist to run through.

[charumitraravi]

Tested both the playlist and the media object page. Although the blinking issue has been resolved in the context of the structured nav item, the entire page seems to flicker now. Tested the same scenario on Avalon staging, and I was unable to replicate the page flicker.

Page flicker on media object page

Screen.Recording.2024-03-22.at.2.48.46.PM.mov

[joncameron]

Created #462 for the broader flickering issue.