iOS Safari 中日期選擇輸入框的大小問題

[nekogravitycat]

在 iOS 的 Safari 和 Chrome 瀏覽器中，如果遇到 input type="date" ，在還沒有選擇日期的情況下輸入框的垂直大小會被嚴重壓縮，直到填入日期才會變回正常大小。
電腦版的 Chrome 則無此問題（有可能是瀏覽器預先填入了 mm/dd/yyyy 的 placeholder）

圖一（iOS Safari）：尚未填入日期的輸入框，垂直大小被壓縮。

圖二（iOS Safari）：輸入日期後的輸入框，大小恢復正常。

圖三（Windows Chrome）：尚未填入日期的輸入框，大小正常。

[YamiOdymel]

按錯按到 Close，給我自己的備註：

1. input[type=date] with empty value shrunken height on mobile twbs/bootstrap#23307
2. https://bugs.webkit.org/show_bug.cgi?id=198959
3. https://stackoverflow.com/questions/26573346/ios-safari-messes-up-input-type-date

這大概是第三次有人跟我反應 iOS 的 Input 問題

iOS 雷到我應該在 Tocas UI 文件裡告訴他們 Google Pixel 正在特價

[YamiOdymel]

只能稍微讓 Input 變高一點，但垂直對齊會沒辦法跟左右鄰近的 Input 一樣。

看起來 Safari 是新 IE。

題外話：
寬度還是會變得很奇怪，看起來下個版本 Input 的寬度都需要預設 100%（ #813 ）