Loading indicator scrolls off visible screen

Hello,

we have some high screens where the whole main window has a scrollbar.
When have scrolled it completely down, and then do some lengthy actions there, the loading icon is displayed in the “offscreen” part of the window.

I think it should always be shown in the upper right corner of the browser window, no matter where the scrollers are currently placed.

The position of the loading indicator should be fixed if I recall correctly, in a way that scrolling shouldn’t affect it’s visibility. Might be that I remember wrong. You can, however, override it’s behavior by modifying it’s css. Check that you haven’t already done this, because that may change the normal behaviour.

If not, you could try adding something like this css to your theme:

.v-loading-indicator,
.v-loading-indicator-delay,
.v-loading-indicator-wait {
  position:fixed;
  top:20px;
  right:20px;

Should do the trick.

Strange enough, somewhere this is overridden on component level… (See printscreen)

Adding !important to the style did help.
But looks strange to me that is behaves that way.
11329.gif

Looked at my own applications too, and noticed that they also have the position:absolute inline for the loading indicator. Maybe someone from the Vaadin dev team can chime in on why this is like this, and how can you go around it.

I usually have some menu or header at the top of my application, and just make the content part of my application scroll, which means that the page itself doesn’t scroll, and the indicator is always locked at the same place. That’s probably why I thought that the loading indicator is always visible by default (because it acts that way to me).

We had this too in our application, until 2 days after golive.
The client decided to scroll off the menus as well to have more “workarea”.

I also don’t see the point in having it “offscreen”…
Will probably open a bug if no vaadin gui comments on this.

André

There is still the same behavior in current vaadin 6.7.8 :(. Position:absolute makes sense only if there is no scrolling, position:fixed !important helped and works good with or without scrolling.

I created a ticket for this: http://dev.vaadin.com/ticket/8738