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

International and chrome autofill don't work together #40

Closed
alicerocheman opened this issue Jun 13, 2017 · 4 comments
Closed

International and chrome autofill don't work together #40

alicerocheman opened this issue Jun 13, 2017 · 4 comments

Comments

@alicerocheman
Copy link

Hi there,

Thanks for all the work!

I'm having an issue with chrome autofill. When I use '+', the country goes to international and when I use tab/enter/mouse to select the chrome autofill the value is erase. This only happens if there's only '+' in the field and no country is selected.
phonefield

@catamphetamine
Copy link
Owner

Perhaps you could create a sample project with a step-by-step instruction.
I've just added autocomplete="tel" to the new release (you may try it) and tried it in my Chrome on OS X - first I input +, then an autocomplete list is shown, I click one of the autocomplete entries, it becomes yellow and the phone number inserts without any bugs.
In your screen capture I don't see yellow background.

@catamphetamine
Copy link
Owner

catamphetamine commented Jun 13, 2017

Due to a very specific nature of this bug it's unlikely that I'll be able to reproduce it even if you create a sample project.
Seems that this may be OS-specific or browser-specific.
So far autofill works for me without any issues so you'll have to debug it yourself I guess.


Styling Chrome autofill:

.rrui__input-field:-webkit-autofill,
.rrui__input-field:-webkit-autofill:hover,
.rrui__input-field:-webkit-autofill:focus
{
	box-shadow: 0 0 0 1000px white inset;
}

@alicerocheman
Copy link
Author

The yellow is controlled in css, I removed it on purpose...
Thanks anyway!

@catamphetamine
Copy link
Owner

FYI, this issue has been confirmed.
See: #101
No solution yet though

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

No branches or pull requests

2 participants