aurelia-materialize-bridge: md-label on md-input not rendered good in Safari (and mobile)

Hello,

I have a formular with many fields (switch, datepicker, select, input, textarea), everything works well. When I try to see this form on my iphone device, I get 3 fields where the labels are push to the right outside of the fields.

I have figure out that’s only the labels which are set inside of md-input with md-label. I send you the code to reproduce with gist.run, but gist.run doesn’t run on iphone device. So I think you must do it yourself to reproduce the issue.

To change the window size of the desktop browser doesn’t reproduce the issue, neither the iphone simulator of google chrome.

Here is the code