771014 - problem with transition and :target

Status: RESOLVED DUPLICATE of bug 325942

(Core :: CSS Parsing and Computation, defect)

Description

[mathieu]

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:15.0) Gecko/20100101 Firefox/15.0a2
Build ID: 20120702232252

Steps to reproduce:

trying to code a page displaying two div, one at a time taking the whole space. the second div is positioned 100% left when not displayed and 0% left when displayed (over the first div)
so the second div should slide over the first one, when appearing and when disappearing


Actual results:

the div slide only when disappearing


Expected results:

test: http://jsfiddle.net/dZmqq/3/

same test but with div width = 50% (working) : http://jsfiddle.net/rd8Rm/4/

original test but with javascript to toggle class target instead of using :target selector: http://jsfiddle.net/mUGgM/3/ (working)

Comment 1

[u279076]

I'm not able to reproduce this with the latest Nightly, please try a build from nightly.mozilla.org.

Comment 2

[mathieu]

I have the same behavior with Nightly - 16.0a1 (2012-07-05) on Gentoo (x64). I'll test on windows 7 soon

Comment 3

[u279076]

In addition to your testing, perhaps it would help to explain this bug in more detail. It's possible that I'm experiencing the bug but don't know it because I don't exactly know what to look for. If you can provide a screencast video, it would go a long way to illustrating the bug.

Thanks

Comment 4

[mathieu]

I have the same problems with firefox nightly and UX on windows 7.


the problem is:
when you open http://jsfiddle.net/dZmqq/3/ , you have a green rect (it's the "left" one), the red one is on the right, outside of the body (left: 100%)
- when I click on goto right, the red rect goes at left: 0%. but it goes without the 1s transition
- in the other way, when I click on goto left, the red one goes back to left: 100%. this time with the 1s transition.

I don't want to take too much of my employer time so I'll look how to do a screencast later.

Comment 5

[u279076]

Okay, I'm seeing this now in the latest Nightly. Thanks for the extra information in comment 4.

Do you recall when this started happening? Does it work in a previous Firefox release?

Comment 6

[mathieu]

I'm just starting working on this so I didn't test in earlier version of Firefox. but I remember having trouble with :target + transition in other scenario

Comment 7

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

Attachment: reporter's testcase

from http://jsfiddle.net/dZmqq/3/ with extra jsfiddle gunk removed

(Attached testcases are much better since they don't change or disappear.)

Comment 8

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

It's interesting that the transition works in both directions when navigating back or forward through session history, but it doesn't work in one direction when clicking on the links.

Comment 9

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

Oh, the problem is that we're scrolling to move the link into view, which we shouldn't be doing for overflow:hidden.