Skip to content

Style hotswap breaks LumoUtilities in V25 #22895

@stefanuebe

Description

@stefanuebe

Description

When using hotswap to change application styles immediately via css, the lumo utility css classes seem to break.

After a page reload everything is fine again.

Expected outcome

Style hotswap should not break other stylings.

Minimal reproducible example

Application.java (default from the starter)

@SpringBootApplication
@StyleSheet(Lumo.STYLESHEET) // Use Aura.STYLESHEET to use Aura instead
@StyleSheet(Lumo.UTILITY_STYLESHEET)
@StyleSheet("styles.css") // Your custom styles
public class Application implements AppShellConfigurator {
...

Steps to reproduce

  1. Download the 25 starter from our page
  2. Start the application using HS agent or JRebel
  3. Open the application
  4. Change something profance in the styles.css, for instance the body color
body {
    color: green;
}
  1. See the world burn lumo utility stylings disappear (paddings / margins in the task view or side nav)

Environment

Vaadin version(s): 25 beta9
OS: Ubuntu
Browser: Chrome and FF

Browsers

Chrome, Issue is not browser related

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    🏗 WIP

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions