Field styling issue: Height of calendar field vs. input field is not equal

philipschilling commented 2 months ago

Describe the bug

I have found a small, non-critical styling issue. The calendar field has a slightly bigger height than the plain text input fields when shown in the frontend. I haven't used any templates but embedded the default Formie form.

Steps to reproduce

Add both field types to a form
Embed the form into a template
Check the form fields in the browser

Form settings

Multi-page form: No
Submission Method: Page Reload
Client-side Validation: Yes
Custom Form Templates: No

Craft CMS version

Craft Solo 5.0.4

Plugin version

3.0.0-beta.5

Multi-site?

Yes

Additional context

No response

engram-design commented 2 months ago

Looks like this is a Chrome/Webkit browser bug, with no immediate fix other than setting fixed heights on inputs, which I'm not a massive fan. Will look into it!

philipschilling commented 2 months ago

Yes, I used Chrome. Sorry for not mentioning it ;-)

philipschilling commented 2 months ago

On Apple iPhone 12 Pro with iOS 12.4.1 in Safari & Chrome browser the date field is not rendered correctly:

engram-design commented 2 months ago

Fixed for the next release. To get this early, run composer require verbb/formie:"dev-craft-5 as 3.0.0-beta.9".

engram-design commented 1 month ago

Updated in 3.0.0-beta.10

verbb / formie