Closed Bug 561307 Opened 14 years ago Closed 2 years ago

Can not type inside contentEditable elements and form elements positioned over a Flash object after the second click on them.

Categories

(Core :: DOM: Editor, defect, P3)

All
macOS
defect

Tracking

()

RESOLVED INCOMPLETE

People

(Reporter: dpopa, Unassigned)

Details

Attachments

(4 files)

User-Agent:       Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-US; rv:1.9.3a3pre) Gecko/20100302 Minefield/3.7a3pre
Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-US; rv:1.9.3a3pre) Gecko/20100302 Minefield/3.7a3pre

Can not type inside contentEditable elements and form elements positioned over a Flash object after the second click on them.

Reproducible: Always

Steps to Reproduce:
1. Have a Flash in a page and the following elements over the Flash:
- DIV contenteditable="true"
- INPUT type="text"
- IFRAME containing editable elements

<head>
<style>
#flash{
	position: absolute;
	top:100px;
	left:100px;
	width: 400px;
	height: 300px;
	z-index: 1;
}

#witness, #witness2, #witness3 {
	position: absolute;
	top:120px;
	left:300px;
	width:500px;
	height:185px;
	z-index: 2;
	background-color: red;
}
#witness2 {
	top: 314px;
	height:60px;
	width: 240px;
	font-size: 12px;
}
#witness3 {
	top: 378px;
	height:20px;
}
</style>
</head>
<body>
<embed id="flash" width="400" height="300" 
	type="aplication/x-shockwave-flash" pluginspace="http://www.adobe.com/go/getflashplayer"
	allowscriptaccess="sameDomain" name="flash" quality="high" src="flash.swf"
</embed>

<iframe  id="witness" src="iframe.html"></iframe>
<div id="witness2" contenteditable="true">DIV with contenteditable="true", placed over the Flash movie. Click here, type to edit. Click again, can't type anymore, but the keydown event stil fires with keyCode=0</div>
<input id="witness3" type="text" value="INPUT placed over the Flash movie. Same behaviour as the above DIV."/>
</body>


2. Click on the editable content located over the Flash.
Type something.
Click again on the editable content located over the Flash.
Type something.
Actual Results:  
Nothing happens.


Doesn't matter how the elements are stacked: poistion absolute/relative/fixed.
If the editable element is placed over the Flash, the second click disables the typing.

You can type again in that element if you focus another element and then return
to the first one, but the second click breaks again.

Happens in Firefox 3.6.3. (in 3.6 RC1).
Doesn't happen in 3.5.9.

The Flash version doesn't matter, I've tested with 10,0,12,36 and 10.0.45.2

The keydown event continues to fire but the keyCode is 0 (zero).

Note:
The contextual menu doesn't appear when right clicking on the editable content over the Flash; this happens in 3.5.9. and 3.6.3.
This is another bug, but I'll add it here as it may be related.
Mac only
Priority: -- → P2
Hardware: x86_64 → All
Attached file testcase
unzip and open the test.html file in FF 3.6.3 on Mac.
I am having this problem as well.  Two sites I have noticed this on:

http://us.playstation.com/

1) Click "Sign In" on the upper right.
2) The iframe opens, click in the "Sign-In ID" text field.
3) Input is now locked.

http://www.hbogo.com/

1) Click "Sign In" on the upper right.
2) Select "Verizon FIOS" from the popup.
3) The Verizon iframe pops up, click the "User ID" text field.
4) Input is now locked.

I work on the above site and have been dealing with this bug since Firefox 3.6.  Only under OS X and only with Flash.
Confirming. Updated severity to normal (regular issue, some loss of functionality under specific circumstances)
Severity: major → normal
Status: UNCONFIRMED → NEW
Ever confirmed: true
This is still existing in FF 22.0 on OSX. It is very specific to the portion of the form field that is over top of a flash object. If you set the form field such that only a portion overlaps the flash object, then a second click only on the portion of the field over the flash object will make further editing impossible. As a work-around, it is possible to add something like this to the form field code: 
<input type="text" class="myField" onclick="$(\'.otherFormField\').focus();$(\'.myField\').focus();">
Moving to p3 because no activity for at least 1 year(s).
See https://github.com/mozilla/bug-handling/blob/master/policy/triage-bugzilla.md#how-do-you-triage for more information
Priority: P2 → P3

Flash is no longer supported

Status: NEW → RESOLVED
Closed: 2 years ago
Resolution: --- → INCOMPLETE
You need to log in before you can comment on or make changes to this bug.