ResponsiveContainer listen to parent element instead of the window

[zvictor]

fix #104

[xile611]

@zvictor How about the problem of initial width and height you have mentioned in react-container-dimensions#1

[zvictor]

I just analyzed it again and made a new PR there 🍻

[xile611]

Great! Thanks!

[okonet]

@zvictor I've merged it. Please test it with master before I'll cut the release if possible.

[zvictor]

@okonet I tried locally with master and it works fine.

[sbehrends]

Im having issues with the ResponsiveContainer. Not sure if related to same issues.
Basically the container sticks to parent but recharts-surfcace element goes way of it's parent.
https://www.dropbox.com/s/0jpckmqfa6vdimt/Screenshot%202016-05-31%2004.39.50.png?dl=0

<ResponsiveContainer height={100}>
  <AreaChart data={Chardata}
        margin={{top: 10, right: 30, left: 0, bottom: 0}}>
    <Area type='monotone' dataKey='uv' stroke='#8884d8' fill='#8884d8' />
  </AreaChart>
</ResponsiveContainer>

[okonet]

@sbehrends try removing margin. This can be caused by CSS.

[sbehrends]

@okonet nope. The issue also occurred with a simpler example.

<ResponsiveContainer height={100}>
  <LineChart data={Chartdata}>
    <Line type='monotone' dataKey='pv' stroke='#8884d8' strokeWidth={2} />
  </LineChart>
</ResponsiveContainer>

[xile611]

@sbehrends Can you show your complete code in JSFiddle?

[zvictor]

@xile611 closing a PR and pushing the changes as if it was your work is definitely not a good way to keep the community engaged in contributing to your project. Getting credits for my contribution is the only payment I expected to get for spending time publishing my changes.

[xile611]

@zvictor I apologize for my reckless behaviour, I should communicate with you if you are still willing to update the commits.