canonical / canonical/vanilla-framework

[Bug]: In-page highlighted navigation item does not automatically scroll into view.

Open
#5,828 1 comment 0 reactions 0 assignees View on GitHub
Bug 🐛
Dominant language
HTML
Stars
983
Forks
216
Avg merge
3d 13h
Merged PRs (30d)
3

Description

**Describe the bug**

· In Android Chrome/Edge/WebView, the highlighted navigation item does not automatically scroll into view.
· This works correctly on desktop Chrome/Edge/Firefox/WebKitGTK (I use Ubuntu)and Android Firefox.

**To Reproduce**

Steps to reproduce the behavior:

1. Go to https://vanillaframework.io/docs/examples/patterns/in-page-navigation/full-page
2. scroll down
4. See error

**Screenshots**
Firefox(Android ):
Image

Chrome (Android):

Image

**Desktop (It react as expected on WebkitGTK , Firefox & Edge)**

**Smartphone (please complete the following information):**

- Device: vivo xplay6
- OS: Android 7.1.1(API 25)
- Browser Google Chrome 115& Microsoft Edge 118 Android WebView 117

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue at the linked full-page in-page navigation example in Android Chrome, Edge, or WebView, then compare its behavior with desktop browsers and Android Firefox. Trace the in-page navigation implementation used by that example; it is done when the highlighted item automatically scrolls into view on the affected Android browsers without regressing the working browsers.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
58/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.