Add appearance:button to s-btn

[benjamin-hodgson]

<input type="submit" class="s-btn s-btn__primary"> looks like this on my iphone:

Looks like it's coming from the default -webkit-appearance: push-button in the user agent stylesheet.

[aaronshekey]

What version of iOS are you running? I'm not reproducing this one in:

https://codepen.io/aaronshekey/pen/mdRoBQx

[aaronshekey]

Is this overly-specific CSS in Careers that's trolling you?

[benjamin-hodgson]

No I don't think so. I don't see anything like that in the inspector. Overriding the -webkit-appearance does fix the bug. Plus this is Jobs so most of the CSS comes from SO.

[benjamin-hodgson]

I'm on iphone 12 pro, ios 14.4.2. Happens in both Chrome and Safari (although that's not surprising since they're basically the same browser)

[aaronshekey]

Does that Codepen have the same issue? ☝️

[benjamin-hodgson]

Codepen looks correct, but in the inspector I see a rule for [type="submit"] { -webkit-appearance: button; }, which wasn't there on Jobs. Looks like the code is here:

Stacks/lib/css/base/_stacks-reset-normalize.less

Line 282 in 3877584

-webkit-appearance: button; /* 2 */

. Why is that rule missing in production?

[aaronshekey]

Why is that rule missing in production?

Oh no, lol. I was just talking about this today. Stacks, for some historical reason, allows for configuration of which reset it uses. I believe that Jobs & Talent ships with reset.css and not normalize.css. By default, Stacks chooses normalize.css, but I'm actively exploring not including either as it's 2021.

Ok, happy to add this in. Thanks for helping me pin down what was causing this.