Clicking or selecting breadcrumb for feature does nothing
After navigating to the feature detail page for any feature, clicking on the name of the feature in the breadcrumb or tabbing the focus to the breadcrumb and hitting the "enter" key does not refresh the page with the URL, although the URL does change. You can see the URL change if you first make a change to either the start or end date, which results in the URL being changed to include the date range.
Clicking the "Feature overview" breadcrumb does redraw the page to show the feature overview.
Expected:
- Go to a feature detail page for any feature: https://webstatus.dev/features/popover
- The chart should load with the default 1 year window of data
- Change the date to a non default 1 year window of time.
- The chart should re-adjust to the new window
- Click the breadcrumb link
- The URL clears
- The data is reloaded with the default year
What actually happens:
- Go to a feature detail page for any feature: https://webstatus.dev/features/popover
- The chart should load with the default 1 year window of data
- Change the date to a non default 1 year window of time.
- The chart should re-adjust to the new window
- Click the breadcrumb link
- The URL clears
- The same window of data from step 3 is shown.
https://github.com/GoogleChrome/webstatus.dev/blob/61aac12b42c8ff64069a1b9eabd794dd13253bed/frontend/src/static/js/components/webstatus-feature-page.ts#L533-L547
This behavior is almost certainly related to the Vaadin router, which intervenes by handling clicks on any anchor tag.
Fixed by #319