Ticket #32886: 32886.1.diff

src/wp-admin/js/user-profile.js

@@ -22 +22 @@
                         } else {
                                 pw_field.val( pw_field.data( 'pw' ) );
                                 pw_field.trigger( 'propertychange' );
-                                pw_field.attr( 'type', 'text' ).focus();
-                                pw_field[0].setSelectionRange(100, 100);
+                                pw_field = toggleField( pw_field, 1 );
+                                pw_field.focus();
+                                if ( 'undefined' !== typeof pw_field[0].setSelectionRange ){
+                                        pw_field[0].setSelectionRange(100, 100);
+                                }
                         }
                 };
 
@@ -38 +41 @@
 
                 parentform.on('submit', function(){
                         pw_field2.val( pw_field.val() );
-                        pw_field.attr('type', 'password');
+                        pw_field = toggleField( pw_field, 0 );
                 });
 
 
@@ -93 +96 @@
                 pw_togglebtn.on( 'click', function() {
                         var show = pw_togglebtn.attr( 'data-toggle' );
                         if ( show == 1 ) {
-                                pw_field.attr( 'type', 'text' );
+                                pw_field = toggleField( pw_field, 1 );
                                 pw_togglebtn.attr( 'data-toggle', 0 )
                                         .find( '.text' )
                                                 .text( 'hide' )
                                 ;
                         } else {
-                                pw_field.attr( 'type', 'password' );
+                                pw_field = toggleField( pw_field, 0 );
                                 pw_togglebtn.attr( 'data-toggle', 1 )
                                         .find( '.text' )
                                                 .text( 'show' )
                                 ;
                         }
                         pw_field.focus();
-                        pw_field[0].setSelectionRange(100, 100);
+                        if ( 'undefined' !== typeof pw_field[0].setSelectionRange ){
+                                pw_field[0].setSelectionRange(100, 100);
+                        }
                 });
+
         });
 
+        function toggleField( pw_field, show ) {
+                var newField = document.createElement( 'input' );
+                var type = 'password';
+                var $newField = $( '<input />');
+
+                if ( 1 == show ) {
+                        type = 'text';
+                }
+
+                newField.type = type;
+                $newField = $( newField );
+
+                $newField
+                .attr({
+                        'id'   : 'pass1',
+                        'name' : 'pass1',
+                        'autocomplete' : 'off'
+                })
+                .addClass( pw_field[0].className )
+                .data( 'pw', pw_field.data( 'pw' ) );
+                $newField.val( pw_field.val() );
+
+                pw_field.replaceWith( $newField );
+                return $newField;
+        }
+
         function check_pass_strength() {
                 var pass1 = $('#pass1').val(), pass2 = $('#pass2').val(), strength;