Bug 40516 - webkit-transition does not work for Elements that change from Display:none to Display:inline
Summary: webkit-transition does not work for Elements that change from Display:none to...
Status: RESOLVED WONTFIX
Alias: None
Product: WebKit
Classification: Unclassified
Component: New Bugs (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC OS X 10.5
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2010-06-11 21:17 PDT by Brett H
Modified: 2011-12-09 14:33 PST (History)
2 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Brett H 2010-06-11 21:17:59 PDT
example: 

div {
display:none;
  opacity: 1;
  -webkit-transition: opacity 1s linear;
}

div:hover {
display:inline;
  opacity: 0;
}

The webkit-transition does not work in the example above. This is commonly used for modal overlays.
Comment 1 Simon Fraser (smfr) 2010-12-01 12:09:54 PST
Right, transitions don't work if the element is changing from one display type to another.
Comment 2 Eric Seidel (no email) 2011-12-09 14:33:19 PST
I assume this is covered by the transitions spec?  Do other browsers agree?  Marking WONTFIX for now per Simon's comment.