gdotdesign / elm-ui

UI library for making web applications with Elm
https://elm-ui.netlify.com
BSD 2-Clause "Simplified" License
920 stars 39 forks source link

Delayed style loading in a variety of browsers #79

Closed fosskers closed 4 years ago

fosskers commented 7 years ago

Everything works fine on desktop Chrome, as well as the built-in Gnome browser. However, things are strange on desktop Firefox, Tablet/Phone Chrome, and Safari+Chrome on iPhone.

Upon page load, before the user has interacted with anything, we see this weirdness (no centering has occured, giant quarter circle in the Button, footer is lifted up from its base position):

2017-05-01-185818_828x724_scrot

After an interaction has been performed (say clicking Submit without filling things out, to cause a Notification to occur): 2017-05-01-185824_828x724_scrot

Any thoughts?

fosskers commented 7 years ago

Another discovery: removing the NotificationCenter makes the button completely unclickable, so nothing can "jigger" the page to make the styles load if I do that.