Custom Loading Indicator: Unnecessary scroll bar in Vaadin Flow 24.5.x 24.6.0

Flow
1

I have made the simple application with Vaadin Starter

I have add custom loading indicator according to Vaadin documentation

I have try several Vaadin Flow versions from 24.5.4-24.5.8 to 24.6.0 and there are identical problem with unnecessary scroll bar:

image
image683×639 45.7 KB

How to remove this scroll bar?

The scroll bar appears when default theme is disabled:

public class Application implements AppShellConfigurator, VaadinServiceInitListener {

    public static void main(String[] args) {
        SpringApplication.run(Application.class, args);
    }

    @Override
    public void serviceInit(ServiceInitEvent event) {
      event.getSource().addUIInitListener(uiInitEvent -> {
        LoadingIndicatorConfiguration conf = uiInitEvent.getUI().getLoadingIndicatorConfiguration();

        // disable default theme -> loading indicator isn't shown
        conf.setApplyDefaultTheme(false); // HERE
      });
    }
}
2

mmm :thinking:

image

html {
    overflow-y: hidden;
}

image
image1864×899 81.3 KB

Anyway, how do we add the indicator ? is it with an additional image ?

3

The cause of scroll bar appearance is the span with Online text inside div with the v-status-message class:
image

To hide it use the following:

div.v-status-message {
    span {
       display: none;
    }
}

There is nothing about it in documention.