Toast has different width during appearing

Description

I run Materialize.toast(message, 4000);, where message is a long string (50 symbols). Toast appears on the screen. For a very short time toast is a little wider then necessary. Then toast width become normal. It is not beautiful, so I expect that toast should have the same width all time.

Repro Steps

http://codepen.io/dima74/pen/MpXwPN In this codepen I print toast width immediately after toast appears, and after one second. I received: 375px and 320px.

Screenshots / Codepen

Please, watch these video in slowmotion mode (speed 0.25): https://youtu.be/SGhrD1fCj9A

Here is screenshots from video. They show, that toasts have different width.

I use Chrome 57 on linux. Thank you for materialize, thank if answer something!

[dima74]

I realized the problem. If I show toast in the beggining of the page loads, when fonts doesn’t load yet, then toast text will have default browser font (DejaVu Sans Light in my case). And DejaVu Sans Light is a little more then Roboto Light (which is default Materialize font), so toast will have a little more width while appearing, until Roboto Light font loads. I think nothing can be done with this. Anyway, thanks for helping!

[dima74]

OK, thank you