You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

input type="file" does not work within OVERLAY in FF3 Created Sep 15, 2009

This thread is solved

Views: 4089     Replies: 3     Last reply Sep 16, 2009  
You must login first before you can use this feature

ncooley

Posts: 2

Registered:
Sep 15, 2009

input type="file" does not work within OVERLAY in FF3

Posted: Sep 15, 2009

Upgraded to new jQuery tools 1.1.0 and noticed that an file input within an overlay (which I was using with tools 1.0 and worked fine) was no longer responding to click (and opening file system browser.) Would love to look into issue myself, but I can't seem to find a full version of jQuery tools 1.1.0 anywhere on the site (all text mentioning a full download is not linked...) Please note: This issue only exists in FF... Works as expected in IE...

Steps to reproduce:
1.) click "Open Overlay"
2.) Observe Overlay display
3.) Click into input type="file" field
4.) The file browser does not display in FF3

Can anyone help me with this?

Created a test page to demonstrate issue:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
<script src="http://cdn.jquerytools.org/1.1.0/full/jquery.tools.min.js"></script>
</head>
<body>

<div id="overlay" style="display:none;">
    <input type="file"  />
    <button id="close">Close</button>
</div>

<button id="btnOpenOverlay" onclick="">Open Overlay</button>

<script language="javascript" type="text/javascript">

var $imgoverlay = $('#overlay').overlay(
	        {
	            api:true, 
	            expose:"#666", 
	            close: 'button#close', 
	            onClose: function(){
	                
	            }
	        
	        });
$('button#btnOpenOverlay').click(function(){
    $imgoverlay.load();
})
</script>

</body>
</html>


Tero
Author of jQuery Tools and this website + JavaScript developer of Flowplayer.

Posts: 1867

Registered:
Nov 16, 2007

» input type="file" does not work within OVERLAY in FF3

Posted: Sep 15, 2009

Reply to: input type="file" does not work within OVERLAY in FF3, from ncooley
OK. I'll take a look at this tomorrow.

Tero
Author of jQuery Tools and this website + JavaScript developer of Flowplayer.

Posts: 1867

Registered:
Nov 16, 2007

» input type="file" does not work within OVERLAY in FF3

Posted: Sep 16, 2009

Reply to: input type="file" does not work within OVERLAY in FF3, from ncooley
yes. you've spotted a bug. this issue will be fixed on 1.1.1. meanwhile you can download the fix version here:

http://piimaa.info/js/tools/tools.overlay-1.1.1.min.js
(minified)

http://piimaa.info/js/tools/tools.overlay-1.1.1.js
(sources)

ncooley

Posts: 2

Registered:
Sep 15, 2009

Thanks!

Posted: Sep 16, 2009

Reply to: » input type="file" does not work within OVERLAY in FF3, from tipiirai
Tero -- Thanks so much for the lightning quick response! And thanks for the fix! Much appreciated...