Bug 103346 - WebKit CSS Bug
Summary: WebKit CSS Bug
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: All Unspecified
: P2 Major
Assignee: Nobody
URL: http://weilou.me/about-me
Keywords:
Depends on:
Blocks:
 
Reported: 2012-11-26 19:32 PST by Wei Lou
Modified: 2022-07-13 11:54 PDT (History)
1 user (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
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.