This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

:target css pseudoclass doesn't work properly when set on content inside iframe

  • 1 reply
  • 1 has this problem
  • 8 views
  • Last reply by cor-el

misuser8
misuser8
more options

I've created a simple page that is located at

http://quatorze.atspace.co.uk/Webdev/shared/ffbug4.html

Page contains iframe. Clicking the button "HIDE" sets "display" property of iframe to "none" so the iframe disappears.

Page loaded in iframe contains two divs. Each div contains a link that reffers to that div. :target pseudoclass is set on each div, that makes a div change its background color when it gets reffered.

In order to reproduce this bug please take following steps:

1. Click "DIV 1". Background of first div turns grey;

2. Click button "HIDE". iframe disappears;

3. Click same button "SHOW". This makes the iframe reappear;

4. Now click "DIV 2". Background of second div turns grey but background of first div doesn't return to its initial color (as it happens in Chrome) but remains grey.

I've created a simple page that is located at http://quatorze.atspace.co.uk/Webdev/shared/ffbug4.html Page contains iframe. Clicking the button "HIDE" sets "display" property of iframe to "none" so the iframe disappears. Page loaded in iframe contains two divs. Each div contains a link that reffers to that div. :target pseudoclass is set on each div, that makes a div change its background color when it gets reffered. In order to reproduce this bug please take following steps: 1. Click "DIV 1". Background of first div turns grey; 2. Click button "HIDE". iframe disappears; 3. Click same button "SHOW". This makes the iframe reappear; 4. Now click "DIV 2". Background of second div turns grey but background of first div doesn't return to its initial color (as it happens in Chrome) but remains grey.

All Replies (1)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Bug report created by the OP:

  • bug 919297 - :target css pseudoclass inside iframe doesn't work properly