295204 - clicking a javascript:popupWindow link shows a dotted frame around the linked entities

Status: RESOLVED WORKSFORME

(Firefox :: General, defect)

Description

[Crimson]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.8) Gecko/20050511 Firefox/1.0.4
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.8) Gecko/20050511 Firefox/1.0.4

When clicking the "Click to enlarge" text below the product's image an ugly,
dotted frame appears around image and text. This happens in FF but not IE. The
frame disappeares when I click anywhere else in the page so it seems to be some
kind of focus highlight.
Strangly this does not happen when I click the image itself but does happen when
I click the invisible spacer (done with an invisible GIF; sorry for that, I did
not yet find the time to remove all the spacers and replace them by CSS margins).

If this is not a bug but a feature please let me know how to switch it off in
the page's source because it looks rather bad.

The same happens with all product images in our shop. I looked at other stores
using the same shop system (osCommerce MS 2.2) as I do and there this happens, too.



Reproducible: Always

Steps to Reproduce:
See details :)

1. Open http://www.nunon.de/product_info.php/products_id/40 (or any other
product page)
2. Click the 'click to enlarge' button (in german there is a much longer text
but the same thing happens). Click the text, not the image!
3. Close the opened window or switch the frame back to the original page. Don't
click the page.

Actual Results:  
The image, the spacer GIF and the text are framed with a grey, dotted frame
until I click somewhere on the page.

Expected Results:  
Nothing. Just open the window and be done. :)

Comment 1

[Martijn Wargers (dead)]

That happens because that are links. Links in Mozilla get a focus outline when
the y get focused (also happens in IE).
If you don't want this in Mozilla, you can solve this quite easily with css:
a:focus{
-moz-outline: 0px;
outline: 0px;
}

Comment 2

[Crimson]

Attachment: The HTML code causing the effect described.

This is the HTML piece resulting in the abovementioned outline.

Comment 3

[Crimson]

Thank you for the reply. I added 

A:focus {
	-moz-outline: 0px;
	outline: 0px;	
}

IMG:focus {
	-moz-outline: 0px;
	outline: 0px;	
}

to the CSS. It worked for the text but the image is still outlined.
When will FF support outline from CSS2?

Comment 4

[Gabriel Chadwick]

This wfm Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b2)
Gecko/20050523 Firefox/1.0+ . No dotted frame. Could you please make a screenshot.

Comment 5

[Crimson]

Attachment: Screenshot showing the framed image

Please remember: The frame only shows up when the text is clicked and the
window has the focus. To see the frame you have to close the popup window or
otherwise switch the focus back to the main window without clicking into it.

Comment 6

[Gabriel Chadwick]

This is fixed in deerpark. No chance seing this fixed in 1.0 branch. You will
have to wait for 1.1 sorry. Marking WFM.