<h3 dir="auto">Problem description</h3>
<p dir="auto">Dialog's <code class="notranslate">repositionOnUpdate</code> works wrong when height changes in one step (e.g. from 600px to 900px).</p>
<h3 dir="auto">Link to minimal working code that reproduces the issue</h3>
<p dir="auto">You can see the problem in documentation (<a href="http://www.material-ui.com/#/components/dialog" rel="nofollow">http://www.material-ui.com/#/components/dialog</a>). Use developer tools to see problem (you need to doc it to the bottom of the screen).</p>
<ol dir="auto">
<li>Open scrollable dialog (example number 5)</li>
<li>Open / close developer tools</li>
<li>You will see that dialog's bottom part is not available now (see video: <a href="http://take.ms/Yre18" rel="nofollow">http://take.ms/Yre18</a>)</li>
</ol>
<h3 dir="auto">Versions</h3>
<ul dir="auto">
<li>Material-UI: latest</li>
<li>React: any</li>
<li>Browser: any (tested in chrome, firefox and safari)</li>
</ul>
<p dir="auto">Hi there,<br>
I use material-ui v0.13.4 and react v0.14.2</p>
<p dir="auto">Padding on Dialog container is calculating incorrectly if you have multiple monitors. I have 1366x768 laptop display and one external 1920x1080px display.</p>
<p dir="auto">On laptop display it is working well but on external not. Lets say that I have opened Google chrome browser with multiple tabs, where one of them is page with dialog. If I remove that tab from window (it makes separate window) the padding is calculated wrong.</p>
<p dir="auto">Here is example:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import Component from 'react-pure-render/component';
import React from 'react';
import Dialog from 'material-ui/lib/dialog';


export default class SummaryModal extends Component {

    render() {
        let standardActions = [
            { text: 'Close' },
        ];

        return (

            &lt;Dialog
                title=&quot;Summary&quot;
                actions={standardActions}
                autoDetectWindowHeight={true}
                autoScrollBodyContent={true}
                open={true}
                onRequestClose={null}&gt;
                &lt;div style={{height: '1000px'}}&gt;
                    aaa
                &lt;/div&gt;
            &lt;/Dialog&gt;
        );
    }
};"><pre class="notranslate"><code class="notranslate">import Component from 'react-pure-render/component';
import React from 'react';
import Dialog from 'material-ui/lib/dialog';


export default class SummaryModal extends Component {

    render() {
        let standardActions = [
            { text: 'Close' },
        ];

        return (

            &lt;Dialog
                title="Summary"
                actions={standardActions}
                autoDetectWindowHeight={true}
                autoScrollBodyContent={true}
                open={true}
                onRequestClose={null}&gt;
                &lt;div style={{height: '1000px'}}&gt;
                    aaa
                &lt;/div&gt;
            &lt;/Dialog&gt;
        );
    }
};
</code></pre></div>
<p dir="auto">Laptop:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/2537379/11486681/e8db2280-97ba-11e5-9d02-f77366fa7468.png"><img src="https://cloud.githubusercontent.com/assets/2537379/11486681/e8db2280-97ba-11e5-9d02-f77366fa7468.png" alt="laptop" style="max-width: 100%;"></a></p>
<p dir="auto">External:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/2537379/11486680/e8c441a0-97ba-11e5-9394-4e5603cbe5ef.png"><img src="https://cloud.githubusercontent.com/assets/2537379/11486680/e8c441a0-97ba-11e5-9394-4e5603cbe5ef.png" alt="external" style="max-width: 100%;"></a></p>
<p dir="auto">If I reload browser window on external display, then it is calculated right.</p>