Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Theme issues in Vaadin 14

See original GitHub issue

Upgrading from 13 to 14 alpha (currently alpha3) leads to issues with themes: at first app load or forced refresh, all is fine; navigating in app between views, some components lose their theme (i.e. Lumo).

For example, this is a grid after refresh:

and this when navigating to the same view in-app:

Issue Analytics

State:
Created 4 years ago
Reactions:2
Comments:11 (11 by maintainers)

Top GitHub Comments

2reactions

heruancommented, May 21, 2019

I heard rumors at DevDays about an altar in Turku’s HQ where developers make offerings to @Artur- and, sometimes, they get a PR back.

2reactions

Artur-commented, May 21, 2019

The problem is that unthemed component versions are loaded on every second navigation… should be fixed by #5730

Top Results From Across the Web

Themes | Customization | Design System | Vaadin 14 Docs

Themes are collections of style sheets, fonts, and other assets that define the look and feel of components and other UI features.

Using Themes | Styling and Themes | Flow | Vaadin 14 Docs

The built-in themes are all customisable and provide a great starting point for an application. Completely custom themes can also be built ...

Theme Configuration | Styling and Themes | Flow - Vaadin

Extend custom themes. You can configure these features through a theme.json configuration file (1) in the theme folder: filesystem.

Struggling to use Material Theme in Vaadin 14 project

Hi, When replacing @Theme(value=Lumo.class, ...) by @Theme(value=Material.class, ...) I get a whole bunch of webpack errors. It starts with the following: ...

Theme Variants | Styling and Themes | Flow | Vaadin 14 Docs

Global variants affect all component instances in an application. Light and dark modes are good examples of global variants. See the ...