[Validation] Messages should appear on Safari

[jb2b38]

Steps

• Open the Sematic-UI login example page
• Submit the form without filling the fields.
• The fields will turn red, but not error message appears on Safari (full screen, 15")

Expected Result

Error messages should appear to let the user know that he didn't fill the fields.

Actual Result

I could confirm that the error message does appear on Firefox and Chrome, but Safari won't display the messages for as long as I don't resize the window.

Version

2.4.2

[keyunjie96]

A behavior noticed: The error message surely don't show up on Safari. But if then we click the "inspect element", the error messages will show up as expected.

I have to say it is a serious problem. If even a simple form error can't show up on Safari, it makes it a hard choice for us to use this framework in our web development. Though I encountered tons of similar problem when I try to implement a simple authentication page for user sign-up/sign-in even I carefully read the related documents, I hope semantic-UI can one day also serve as an awesome CSS framework.

[lubber-de]

Fixed for Fomantic-UI by fomantic/Fomantic-UI#558
See https://jsfiddle.net/43kLfupd/5/