AjaxControlToolkit
AjaxControlToolkit copied to clipboard
MaskedEditExtender: support Android soft keyboard
This problem is still happening! MaskEdit works like regular (NON-masked) textbox in chrome android. krajchn described it perfectly in: https://github.com/DevExpress/AjaxControlToolkit/issues/356
You can see it happening with the regular MaskEdit demo page. https://ajaxcontroltoolkit.devexpress.com/MaskedEdit/MaskedEdit.aspx ASP.NET AJAX Control Toolkit Demos v18.1.1.0
I checked it with my Samsung J5 smartphone and with my Xiaomi smartphone (bought this year) also cheked it with other friend smartphones - all kind of different Android versions. Problem happens for all of them. There are NO problem with this page on any desktop - works OK on all Windows desktop that i have. All my smartphones and desktops running latest Chrome browser.
you can put the cursor anywhere in the field and press any button - i always get the same result - no filtering, no masking - it works like regular (NON-masked) textbox.
Is someone here???
I confirm the issue. It's specific to Android soft keyboard (not reproduced with a connected physical keyboard and in a Chrome DevTools remote debugging session).
Technical details:
- https://stackoverflow.com/q/36753548
- https://stackoverflow.com/q/30743490
- https://stackoverflow.com/a/52948439
Soft keyboard support will likely require an extensive rewrite of the MaskedEdit.js script.
Possible workarounds:
- Use
input[type=number]
,input[type=date]
- Use another plugin for masked input (e.g. https://github.com/igorescobar/jQuery-Mask-Plugin)
:-(
I need masked edit that can run on IE8 (no html5) and without jquery (only pure JS).
What are my possible/best option in this case?
From: AlekseyMartynov [mailto:[email protected]] Sent: יום ג 18 יוני 2019 18:02 To: DevExpress/AjaxControlToolkit Cc: Eyal-M; Author Subject: Re: [DevExpress/AjaxControlToolkit] AJAX MaskEdit not working in chrome android - still happening! (#479)
I confirm the issue. It's specific to Android soft keyboard (not reproduced with a connected physical keyboard and in a Chrome DevTools remote debugging session).
Technical details:
- https://stackoverflow.com/q/36753548
- https://stackoverflow.com/q/30743490
- https://stackoverflow.com/a/52948439
Soft keyboard support will likely require an extensive rewrite of the MaskedEdit.js script.
Possible workarounds:
- Use https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number input[type=number], https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date input[type=date]
- Use another plugin for masked input (e.g. https://github.com/igorescobar/jQuery-Mask-Plugin)
— You are receiving this because you authored the thread. Reply to this email directly, view <https://github.com/DevExpress/AjaxControlToolkit/issues/479?email_source=no tifications&email_token=ALWPB2DZNAVH2UJYPF7ZEIDP3D2F5A5CNFSM4HCN2GZKYY3PNVWW K3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODX65WYA#issuecomment-503 176032> it on GitHub, or mute <https://github.com/notifications/unsubscribe-auth/ALWPB2G7GD5Y2Z4RT6DZLTLP3 D2F5ANCNFSM4HCN2GZA> the thread. <https://github.com/notifications/beacon/ALWPB2EV37ADSLWT3XUO4KTP3D2F5A5CNFS M4HCN2GZKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODX65WYA .gif>
Consider conditionally disabling MaskedEditExtender
based on Request.UserAgent
.
For example:
protected void Page_Load(object sender, EventArgs e) {
if(Request.UserAgent.Contains("Android")) {
MaskedEditExtender2.Enabled = false;
MaskedEditValidator2.Enabled = false;
TextBox2.Attributes["type"] = "number";
}
}
Thank you for this.
Are you going to fix it soon or leave it as it is?
From: AlekseyMartynov [mailto:[email protected]] Sent: יום ד 19 יוני 2019 12:19 To: DevExpress/AjaxControlToolkit Cc: Eyal-M; Author Subject: Re: [DevExpress/AjaxControlToolkit] MaskedEditExtender: support Android soft keyboard (#479)
Consider conditionally disabling MaskedEditExtender based on Request.UserAgent. For example:
protected void Page_Load(object sender, EventArgs e) { if(Request.UserAgent.Contains("Android")) { MaskedEditExtender2.Enabled = false; MaskedEditValidator2.Enabled = false; TextBox2.Attributes["type"] = "number"; } }
— You are receiving this because you authored the thread. Reply to this email directly, view <https://github.com/DevExpress/AjaxControlToolkit/issues/479?email_source=no tifications&email_token=ALWPB2BDYKL5HXIKTWRLJDDP3H2Z3A5CNFSM4HCN2GZKYY3PNVWW K3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODYBH4AI#issuecomment-503 479809> it on GitHub, or mute <https://github.com/notifications/unsubscribe-auth/ALWPB2GTVMPLOQ675YSFM33P3 H2Z3ANCNFSM4HCN2GZA> the thread. <https://github.com/notifications/beacon/ALWPB2F4Z44VYWFJMASWONDP3H2Z3A5CNFS M4HCN2GZKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODYBH4AI .gif>
I suggest that you use the workaround. Support for Android soft keyboard is not a trivial task. We cannot promise that we'll add it to the Toolkit.
What you say is a big thing… It means that site that work with the Toolkit will NOT be able to work on most smartphones – the device that most user use today to surf the web.
For most developer today this will end the use of the Toolkit…
This is a great Toolkit – lets not kill it…. :-(
Please think about it again… :)
From: AlekseyMartynov [mailto:[email protected]] Sent: יום ד 19 יוני 2019 19:45 To: DevExpress/AjaxControlToolkit Cc: Eyal-M; Author Subject: Re: [DevExpress/AjaxControlToolkit] MaskedEditExtender: support Android soft keyboard (#479)
I suggest that you use the workaround. Support for Android soft keyboard is not a trivial task. We cannot promise that we'll add it to the Toolkit.
— You are receiving this because you authored the thread. Reply to this email directly, view <https://github.com/DevExpress/AjaxControlToolkit/issues/479?email_source=no tifications&email_token=ALWPB2BYAQRSLRZYKHZS763P3JPBPA5CNFSM4HCN2GZKYY3PNVWW K3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODYCO6CY#issuecomment-503 639819> it on GitHub, or mute <https://github.com/notifications/unsubscribe-auth/ALWPB2AVAHQUJHDXXRS7PCTP3 JPBPANCNFSM4HCN2GZA> the thread. <https://github.com/notifications/beacon/ALWPB2HXNW7IY6YOP452B3LP3JPBPA5CNFS M4HCN2GZKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODYCO6CY .gif>