1030720 - Input loses focus after changing type attribute

Status: UNCONFIRMED

(Core :: DOM: UI Events & Focus Handling, defect)

Description

[krzyzak]

Attachment: bug.html

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:30.0) Gecko/20100101 Firefox/30.0 (Beta/Release)
Build ID: 20140605174243

Steps to reproduce:

Render input with type attribute set to text:
<input id="input1" type="text" name="test" value="10" />

Change it's type to number:
var input = window.document.getElementById('input1');
input.addEventListener('focus', function() {
    this.type = 'number';
});

Firefox 30, OSX Mavericks 10.9.3


Actual results:

When I press keyboard buttons nothing happens (I should be able to add numbers into input). I guess input is blurred, but no blur event is triggered.


Expected results:

When I press keyboard buttons text should appear inside input. Also blur event shouldn't happen and input should keep focus after changing it's type.

Open bug.html, focus input - when you press keyboard buttons nothing happens.