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

Always uppercase keybaord #51

Closed
Not-Wadu opened this issue Oct 18, 2021 · 8 comments
Closed

Always uppercase keybaord #51

Not-Wadu opened this issue Oct 18, 2021 · 8 comments
Labels
enhancement New feature or request in progress

Comments

@Not-Wadu
Copy link

Hi again... I have an issue ... I can't make the keyboard go directly to lowercase. My code is only with numbers and lowercase characters.
I tried autocapitalize=off but it's not working

@AlexMiniApps
Copy link
Owner

@Not-Wadu What is your platform and version? I am not sure that it is the issue of the lib. By the way, numbers have only one case and they can not be in the lower or upper case

@Not-Wadu
Copy link
Author

I am using angular 11.2 and ionic 5.36 (i tested these on android version 11)
Now when I try to type a code it goes only in uppercase every time I introduce a new letter

My code :
<code-input [isCodeHidden]="false" [codeLength]="6" [code]="invite_code" [isCharsCode]="true"
[inputType]="'text'" (codeChanged)="onCodeChanged($event)" (codeCompleted)="onCodeCompleted($event)"
autocapitalize="off">

@AlexMiniApps
Copy link
Owner

@Not-Wadu understood, I will add the setting for this

@AlexMiniApps AlexMiniApps added enhancement New feature or request in progress and removed investigating labels Oct 18, 2021
AlexMiniApps added a commit that referenced this issue Nov 10, 2021
- Always uppercase keyboard #51
- Change codeLength in app #46
- Delete button is not triggering on (codechanged) #44
@AlexMiniApps
Copy link
Owner

@Not-Wadu please install the new version v1.6.0
The new setting has been added:
autocapitalize
https://github.com/AlexMiniApps/angular-code-input#component-options

@andyrue
Copy link

andyrue commented Nov 17, 2021

Thanks for the update! I'm trying to use the new setting, but I'm not noticing any difference. I've installed 1.6.0, restarted, removed node_modules just in case, but I can't get anything to autocapitalize. This is how I'm trying to use it.

<code-input
    #codeInput
    [code]='code'
    [codeLength]='6'
    [isCharsCode]='true'
    (codeCompleted)="checkCode($event)"
    autocapitalize='characters'>
</code-input>

Maybe I'm not understanding how it's supposed to work.

@AlexMiniApps
Copy link
Owner

@andyrue try to use like the following:

<code-input
    #codeInput
    [code]='code'
    [codeLength]='6'
    [isCharsCode]='true'
    (codeCompleted)="checkCode($event)"
    [autocapitalize]="'characters'">
</code-input>

@andyrue
Copy link

andyrue commented Nov 17, 2021

That didn't help, but I think I was misunderstanding what that attribute is supposed to do. It apparently doesn't affect characters entered on a physical keyboard, it's for virtual inputs like on mobile devices. I thought it would autocapitalize on anything.

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize

What do you think of adding your own function as an option to capitalize things as they are inputted? That way regardless of browser or device, it would work.

@AlexMiniApps
Copy link
Owner

@andyrue ok. Please open a new issue for this. I will think how to reach the goal.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request in progress
Projects
None yet
Development

No branches or pull requests

3 participants