Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

csp.js file throws client-side error with backend navigation

Open
#314 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
38/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale

Research direction

Start on the 24.5-strict-csp branch and inspect csp.js alongside the DashboardView navigation shown in the reproduction steps. Reproduce the click in Chrome DevTools and trace the client-side errors. Done means navigating to ListView updates the URL without those console errors.

Written by the indexing model from the issue text.

Description

bug

The 24.5-strict-csp branch was really hopeful for getting started with CSP. However when I start to add some backend navigation, it throws client-side errors and the url is not updated.
image

Steps to reproduce:

  1. In DashboardView, add a button for backend navigation, add(new Button("Go to List", buttonClickEvent -> UI.getCurrent().navigate(ListView.class)));
  2. Start the application, and open the Chrome Dev Tools.
  3. Observe that upon clicking the button, it throws the errors in the Chrome Dev console, and the url is not updated.
Dominant language
Java
Stars
205
Forks
194
Avg merge
4h 53m
Merged PRs (30d)
4

Getting set up

  • Ships a Dockerfile or Docker Compose file
  • No pull request template
  • No contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from vaadin/flow-crm-tutorial

All issues in vaadin/flow-crm-tutorial

Similar issues

More Java issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.