webkit-transition does not work for Elements that change from Display:none to Display:inline

• Component: New Bugs
• Status: RESOLVED WONTFIX

[Brett H]

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.

[Simon Fraser (smfr)]

Right, transitions don't work if the element is changing from one display type to another.

[Eric Seidel (no email)]

I assume this is covered by the transitions spec?  Do other browsers agree?  Marking WONTFIX for now per Simon's comment.