Absolutely positioned entering component fills its parent's width.

Author: marnusw

CHANGELOG.md

@@ -1,3 +1,8 @@
+### v1.1.0 (24 November 2015)
+
+* [ENHANCEMENT] The entering component, which is absolutely positioned, is not only positioned with `top:0` and `left:0`
+                styles, but also `right:0` and `bottom:0` so smaller content fills the entire container.
+
 ### v1.0.1 (24 November 2015)
 
 * [ENHANCEMENT] Support no children so the child component can be removed / added. (Fixes #4)

UPGRADE_GUIDE.md

@@ -1,5 +1,20 @@
 # Upgrade Guide
 
+## 1.0.x -> 1.1.0
+
+The entering component use to be positioned on top of the leaving component with 
+`position: absolute`, `top:0` and `left:0` styles. If this component has narrow content
+and depends on its outer element to fill its parent's width this will no longer happen
+one it is absolutely positioned and thus the content will be narrow while animating and
+then jump to the proper width when the animation completes. By also specifying `right:0` 
+and `bottom:0` styles the entering component now remains stretched to its parent's width.
+
+This change should go unnoticed in most use cases, but it is conceivable that it might
+be a breaking change and thus the minor version bump. If there is a use case that 
+absolutely requires not setting `right` and `bottom` styles open an issue or PR and we 
+can look at adding a prop to disable this.
+
+
 ## 0.2.x -> 1.0.0
 
 #### Specify the transition delay

src/ReactCSSTransitionReplace.jsx

@@ -202,8 +202,10 @@ export default class ReactCSSTransitionReplace extends React.Component {
           {
             style: {
               position: 'absolute',
+              top: 0,
               left: 0,
-              top: 0
+              right: 0,
+              bottom: 0
             },
             key: 'next'
           },