Bug 103346

Summary:	WebKit CSS Bug
Product:	WebKit	Reporter:	Wei Lou <weilou.happy>
Component:	CSS	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED WORKSFORME
Severity:	Major	CC:	bfulgham
Priority:	P2
Version:	528+ (Nightly build)
Hardware:	All
OS:	Unspecified
URL:	http://weilou.me/about-me

Description Wei Lou 2012-11-26 19:32:25 PST

Chrome 23 on PC and Safari 6 on Mac both have this CSS bug. Firefox 17.0 on PC works well. Mobile Safari on iOS 6.0.1 works well.

Repo steps:

1. Access to http://weilou.me/about-me from either Chrome 23 on PC or Safari 6 on Mac.
2. You see an image of Europa. You can inspect this image via developer tools. The image in div which has a class name "front" is focused.
3. Click on this image. You see the image is flipped.
4. Inspect the image you see via developer tools again. The image in div which has a class name "back" should be focused. But instead, the image in div which has a class name "front" is focused. This is wrong.
5. Click on the image you see, the image should be flipped back. But you can't get this right result.

Comment 1 Wei Lou 2012-11-27 19:24:12 PST

The fix to this bug is needed!

Comment 2 Wei Lou 2012-11-30 04:14:53 PST

This bug should be fixed.

Comment 3 Wei Lou 2012-12-04 08:49:36 PST

The fix to this bug is needed!

Comment 4 Wei Lou 2012-12-04 23:44:36 PST

The fix to this bug is needed.