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

rounded corners on mobile browsers #236

Closed
nicholaide opened this Issue Sep 15, 2016 · 2 comments

Comments

Projects
None yet
3 participants
@nicholaide

nicholaide commented Sep 15, 2016

When viewed on a mobile browser (in my case, Safari or Chrome in ios), the demos all have rounded corners. As you type, the input field's borders alternate between round and square.

Is this a known issue with mobile browsers? Where should we look if we want to address this?

@davidutzus

This comment has been minimized.

davidutzus commented Sep 16, 2016

for me a quick fix was:

.typeahead__container [type=search] {
    -webkit-appearance: none !important;
}

.typeahead__field input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none !important;
    appearance: none !important;
}

-moz-appearance (-webkit-appearance) = Non-standard

@running-coder

This comment has been minimized.

Owner

running-coder commented Sep 16, 2016

hey guys, thanks for raising the issue. I was using appearance: textfield; but it seems that it has the round corders. Will switch it to none.

@running-coder running-coder added this to the 2.7.1 milestone Sep 16, 2016

running-coder added a commit that referenced this issue Sep 16, 2016

running-coder added a commit that referenced this issue Sep 30, 2016

Version 2.7.1
Fixes
 #236 Fix rounded corners on mobile browsers
 #239 Add validation for the data array if the item is null or boolean

running-coder added a commit that referenced this issue Sep 30, 2016

Version 2.7.1
Fixes
 #236 Fix rounded corners on mobile browsers
 #239 Add validation for the data array if the item is null or boolean
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment