@@ -58,7 +58,6 @@ const codePenURL = "http://codepen.io/wikiwi/pen/MJQWYY?editors=0010";
5858const newSpecURL = "https://drafts.csswg.org/css-transitions-2/#dom-transitionevent-transitionstart" ;
5959const githubURL = "https://github.com/wikiwi/react-css-transition" ;
6060const cssTransitionIssuePostURL = "https://www.smashingmagazine.com/2013/04/css3-transitions-thank-god-specification/" ;
61- const transitionStartEventURL = "https://msdn.microsoft.com/en-us/library/dn632683(v=vs.85).aspx" ;
6261const getComputedStyleURL = "https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle" ;
6362const reactTransitionAddonURL = "https://facebook.github.io/react/docs/animation.html" ;
6463
@@ -87,17 +86,13 @@ const App: StatelessComponent<void> = () => (
8786 < h2 > Why we need this</ h2 >
8887 < p >
8988 CSS transitions are known for its < a href = { cssTransitionIssuePostURL } > problems and unreliability</ a > .
90- The most painful issue is the inability to reliably detect the start of a transition. Because browsers
91- handle CSS transitions in an async way, there is no easy way to know whether we are in the middle of a
92- transition or not. This is most problematic when we want to reverse a potentially started transition.
93- There is a new < a href = { newSpecURL } > CSS Specification Draft</ a > on the way addressing these
94- issues, but currently only < em > Internet Explorer > 10 </ em > and < em > Edge</ em > are supporting
95- the < a href = { transitionStartEventURL } > transitionstart</ a > event.
89+ Until browsers implement the new < a href = { newSpecURL } > CSS Specification Draft</ a > there is no
90+ easy way to detect the start and the end of a transition. This is most problematic when we
91+ want to reverse a potentially started transition or run a callback as soon as the transition ends.
9692 </ p >
9793 < p >
98- React CSS Transition uses a workaround to circumvent the lack of
99- a < em > transitionstart</ em > event and aims to provide a reliable API for you to
100- transition between two states that works across browsers.
94+ React CSS Transition handles the issues for you and gives you a reliable API to transition between
95+ two states that works across browsers.
10196 </ p >
10297 < div className = { classes . block } >
10398 < Quote source = "User on Blink Dev Group" url = { quoteURLBlinkDev } >
0 commit comments