Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix appearance of search inputs on mobile Safari #558

Closed
wants to merge 1 commit into from

Conversation

dasulit
Copy link

@dasulit dasulit commented Jan 5, 2017

adding -webkit-appearance: none to search inputs fixes #541

I'm continuing to investigate other Safari bugs, but we can merge for beta if we want.

@@ -59,6 +59,7 @@
}
.input[type='search'] {
appearance: textfield;
-webkit-appearance: none;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

appearance and -webkit-appearance clash here: -webkit-appearance is populated by Autoprefixer when we use appearance. So if you think none is a better value, we should just use appearance: none.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This was a facepalm moment, I fixed! I would expect that this would fix the other Safari input bug #540 but it did not 👎

@dasulit dasulit changed the title [work in progress] various Safari bugs. Fix appearance of search inputs on mobile Safari Jan 6, 2017
@davidtheclark
Copy link
Contributor

I incorporated this fix into #577.

@dasulit dasulit deleted the safari-bug-fixes branch January 6, 2017 23:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants