notebook jumping vertically during automatic saving

[stas00]

Every 5 minutes all the active notebooks jump vertically trying to dynamically insert [Notebook Saved] message. The message doesn't fit into the empty space next to the menu and causes everything pushed down and then up again. Please see the snapshot demonstrating the issue:

It's a very jarring experience.

Would it be possible to adjust the UI layout so that it has a fixed space allocation for this kind of messages. Clearly it doesn't do well when it's not fixed and relies either on a very narrow screen where it always has the whole width to write messages, or very wide, where it can fit the menu and the messages. If the browser width is of the medium width (as it can be seen in the screenshot) it suffers from this jumping problem.

Alternatively, I'd be happy with having an option to disable such message push in first place. It's useless anyway and only takes attention away.

Thank you.

[stas00]

I created a workaround by overriding the notification_notebook class in ~/.jupyter/custom/custom.css, and it's no longer bothersome!

/* prevent screen jumping on 'Notebook Saving' notification */
#notification_notebook { 
    width: 0px;

    /* Hide the text. */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

width can be set to say 30px to create a brief "flicker" when the notebook gets auto-saved.
if your width is non-zero, you can set text-indent to 0 if you want to see part of the message that will fit into the width you defined.

Experiment with the best approach to your liking if you use this workaround.

[Mark799]

I created a workaround by overriding the notification_notebook class in ~/.jupyter/custom/custom.css, and it's no longer bothersome!

/* prevent screen jumping on 'Notebook Saving' notification */
#notification_notebook { 
    width: 0px;

    /* Hide the text. */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

width can be set to say 30px to create a brief "flicker" when the notebook gets auto-saved. if your width is non-zero, you can set text-indent to 0 if you want to see part of the message that will fit into the width you defined.

Experiment with the best approach to your liking if you use this workaround.

I've tried this, and the text is removed, but the jump still occurs.
I have Notebook version 6.

Can this be fixed?