Form Submit button styling broken

[jpasholk]

When viewing the form on mobile, the styling is broken.

Browsers tested:

• Safari
• Chrome
• Firefox
• Brave

[jpasholk]

This may be a bug in UIKit itself.

[daviddarnes]

Seems as though input elements with button classes applied don't get their appearance reset, the submit button needs -webkit-appearance: none to remove the odd looking iOS Safari styles

[jpasholk]

Would I use something like this?

input[type=submit] {
  -webkit-appearance: none;
}

Or use a class?

.button {
  -webkit-appearance: none;
}

I guess I could just try both, lol.

[daviddarnes]

It’s the input one, but there’s no harm applying it to both. I would’ve made a pull request but I don’t know where to put these extra styles

[jpasholk]

It's in _includes/head.html! Maybe I should break that out into its own file now... lol

[daviddarnes]

Probably should create a assets/css/theme-overrides.scss file

[jpasholk]

Hm, seems to be still broken here. Completely clueless here on how to fix it...

:(

[daviddarnes]

Should be -webkit-appearance: none;

[jpasholk]

Yay! I fixed it with an inline style tag in the head... wtf tho man. lol