<p dir="auto">on iphone6, left nav is always opened, I can not toggle it open/close. But this issue does not happen on every iphone6.</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="        &lt;LeftNav
          ref=&quot;leftNav&quot;
          open={this.state.leftNavOpen}
          onRequestChange={this._onRequestChange}
          docked={false}
          disableSwipeToOpen={true}&gt;"><pre class="notranslate">        <span class="pl-c1">&lt;</span><span class="pl-ent">LeftNav</span>
          <span class="pl-c1">ref</span><span class="pl-c1">=</span><span class="pl-s">"leftNav"</span>
          <span class="pl-c1">open</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">state</span><span class="pl-kos">.</span><span class="pl-c1">leftNavOpen</span><span class="pl-kos">}</span>
          <span class="pl-c1">onRequestChange</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">_onRequestChange</span><span class="pl-kos">}</span>
          <span class="pl-c1">docked</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-c1">false</span><span class="pl-kos">}</span>
          <span class="pl-c1">disableSwipeToOpen</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-c1">true</span><span class="pl-kos">}</span><span class="pl-c1">&gt;</span></pre></div>
<p dir="auto">For some reason when on iPad, leftNav is always opened, even when setting docked={false}. This only happens on iPad. I can't even toggle it open/closed -- it's just always open.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="        &lt;LeftNav
          ref=&quot;leftNav&quot;
          className=&quot;left-nav&quot;
          docked={false}
          selectedIndex={this.getSelectedIndex()}
          onChange={this.handleLeftMenuChange}
          header={
            &lt;div className=&quot;logo-container&quot;&gt;
              &lt;LogoTm /&gt;
              &lt;LogoText /&gt;
            &lt;/div&gt;
          }
          menuItems={menuItems} /&gt;"><pre class="notranslate"><code class="notranslate">        &lt;LeftNav
          ref="leftNav"
          className="left-nav"
          docked={false}
          selectedIndex={this.getSelectedIndex()}
          onChange={this.handleLeftMenuChange}
          header={
            &lt;div className="logo-container"&gt;
              &lt;LogoTm /&gt;
              &lt;LogoText /&gt;
            &lt;/div&gt;
          }
          menuItems={menuItems} /&gt;
</code></pre></div>