[FIXED] [#775] [3.2.0] PasswordMask HideAll issue
There is a problem with PasswordMask HideAll not capturing the password typed in.
- Enter "aaaa" and press the login button.
- Select the PasswordField again. This will highlight the old password. Just start typing "bbbb" and press the login button.
- Select the PasswordField again. This will highlight the old password. First press Backspace or Delete then type "cccc" and press the login button.
Step 1 will show you what you type - aaaa
Step 2 will show you what you type - abbb (The first character is not replaced).
Step 3 will show you what you type - cccc
There is current an override of PasswordMask to fix a javascript error with HideAll - Thread 56771
Code:
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html>
<html>
<script runat="server">
</script>
<head runat="server">
<title></title>
<style type="text/css">
</style>
<script type="text/javascript">
//Thread 56771 - March 17, 2015 - PasswordMask issue
// If we set the mode to HideAll a javascript error occurs when
// typing the first character.
Ext.net.PasswordMask.override({
onKeyPress: function () {
var me = this,
oldValue = me.cmp.lastValue || "";
if (me.mode != "hideall") {
return;
}
setTimeout(function () {
var newValue = me.cmp.getValue();
if (newValue.length < oldValue.length) {
me.onDelete(me.getCaretRange(), oldValue.length - newValue.length);
} else {
me.maskChars(newValue);
}
me._maskAll();
}, 0);
}
})
</script>
</head>
<body>
<ext:ResourceManager runat="server" />
<ext:Panel runat="server" Title="Password Mask Issue" Margin="5" Height="200" Width="400" BodyPadding="10" UI="Danger">
<Items>
<ext:TextField ID="Password" runat="server" FieldLabel="Password" ClientIDMode="Static" SelectOnFocus="true">
<Plugins>
<ext:PasswordMask runat="server" Mode="HideAll" Pattern="z" AllowAnyChars="true" />
</Plugins>
</ext:TextField>
</Items>
<Buttons>
<ext:Button runat="server" Text="Login" Handler="Ext.Msg.alert('Password ...', App.Password.getPassword());" />
</Buttons>
</ext:Panel>
</body>
</html>
