265884 - Parts of page are completely non-interactive

Status: RESOLVED WORKSFORME

(Firefox :: General, defect)

Description

[Daniel]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.7.3) Gecko/20041001 Firefox/0.10.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.7.3) Gecko/20041001 Firefox/0.10.1

Firefox (and possibly other mozilla products) seem to fail to allow
interactivity with some components of my webpage - the main panel.  There is no
scripting that Firefox should see (one cond comment to get IE to show PNG's).

What is strange, is that the problem only relates to a particular part of the
webpage, and it completely disables everything in that area including windows
provided scrollbars, while not doing so in other browsers (otherwise I'd think
it was a layering problem).

Interestingly, this part of the page is delivered by a complicated server
backend, but that should be completely hidden from the browser, right?  If not,
let me know and I'll see if I can tinker with the server side stuff.

If anyone has any suggestions as to how I can reacquire this part of my webpage,
I would appreciate it.  Thanks for you help.

Reproducible: Always
Steps to Reproduce:
1. Go to website
2. try to use textarea or input
3. Try to use scrollbars in main panel (from overflow:auto on div)

Actual Results:  
Fails to respond to mouse or keyboard effectively creating a 'dead zone' in my
webpage.

Expected Results:  
Responded?

Comment 1

[Daniel]

I just did a regression test to find out what it was about that part of the page
and brought it all down to:

img {
 position:absolute;
}

when I get rid of that, the region becomes interactive again.  However, my
entire page is laid out with images using absolute positioning...

I really don't think the hack with encapsulating everything in DIV's should be
continued.  I will try to find a way to make my page work for now.  This is
remains a major rendering bug though.

Comment 2

[Daniel]

The problem is resolved on my webpage.  I have adjusted by page by changing the
z-index of the content div 3 points higher, above the surrounding images. (which
were not overlapping the region, I checked with a Firefox browser extension for
web developers)

To reproduce this bug you will now have to get a copy of the page and styles,
and change div#content to { z-index:0; }.  I think that the interactivity issue
may be related to layering...

However: 
it was affecting forms
there are no defined event handlers on my page
there were no images at a higher z-index in the affected region,
only surrounding it on all sides.
keyboard interaction was possible via tabbing into the forms in the region.

Well, this is gonna be the last comment I add.  It works for me for now.