INP and CLS data fails to log while navigating from one page to another within the website

[upeshv]

Have found couple of scenarios where both the INP and CLS data fails to log,

1. Data fails to log while navigating from one page to another within the website or external site.
2. It also fails when someone try to type the url directly on the url address bar.

Attaching a video reference for INP where if someone is navigating within the website from one page to another it fails to log the data,
Failed Scenario
https://github.com/user-attachments/assets/92e5f315-4f71-4809-94bd-0de8979dfbb8

Attaching one more video reference where if someone just refresh the same page or clicked and stayed on the same page than it logs the data.
Success Scenario
https://github.com/user-attachments/assets/345516b3-f30b-446d-b420-1b6966737174

Github Repo Source Code : https://github.com/GoogleChrome/web-vitals/blob/main/test/views/inp.njk

We have followed all the readme steps but still in the above scenarios the data keeps failing. This seems to be an major drawback since navigating within the website is the most common and essential part for any user experience and surprisingly this get failed all the time.

I have also tried to find any alternate way to log the same but still no luck, can someone please help here to make it a success for above failed scenario.

Awaiting for your reply! And thank you for your help in advance!