1004356 - file input doesn't focus with JavaScript

Status: RESOLVED DUPLICATE of bug 505355

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

Description

[info]

Attachment: FileInput-FocusBug-ScreenShot1.png

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/34.0.1847.131 Safari/537.36

Steps to reproduce:

In a web app I developed called Easy Chirp, a widget contains a link that when clicked, opens a form and focuses a file input element. I clicked the link. To reproduce:

1. Log into Easy Chirp at http://www.easychirp.com/
2. Click "Write Tweet".
3. Click "Add Image"



Actual results:

The form displays the form as expected, but the file input (labeled "Local path to image") is not focused.


Expected results:

The file input should be focused after clicking "Add Image". This works correctly in Chrome, Safari, Opera, and even IE.

Comment 1

[info]

Attachment: FileInput-FocusBug-ScreenShot2.png

Comment 2

[David Bolter [:davidb] (NeedInfo me for attention)]

It would be great to get a test case that doesn't involve signing in via twitter.

Comment 3

[info]

Adding jsFiddle example to this bug's URL field. http://jsfiddle.net/weboverhauls/N46Ne/1/

Comment 4

[Boris Zbarsky [:bzbarsky]]

How is this bug different from bug 505355?

Comment 5

[Mirko Brodesser (:mbrodesser) -- not reading bugmails currently]

Looks like the problem can be reproduced with the following, smaller example:

data:text/html,<style> input { margin-top: 40cm } </style> <input type="file" id="i1"> <script> document.getElementById("i1").focus(); </script>

Comment 6

[Dennis]

(In reply to Boris Zbarsky [:bzbarsky, bz on IRC] from comment #4)

How is this bug different from bug 505355?

Yea, looks like a dup of 505355.