title: Allow a drop-down element to overflow a container that has hidden or scrolled overflow
body: <p>I have horizontally scrollable container and opened dropdown inside (position: absolute). I want the opened dropdown to overflow vertically this container. <code>overflow-y: visible</code> doesn't work and container is scrollable vertically anyway.</p>
  <p>Here is simplified example: <a href="http://jsfiddle.net/matcygan/4rbvewn8/7/" rel="nofollow noreferrer">http://jsfiddle.net/matcygan/4rbvewn8/7/</a></p>
  <p><strong>HTML</strong></p>
  <pre><code>&lt;div class=&quot;container&quot;&gt;
      &lt;div&gt;
          &lt;div class=&quot;dd-toggle&quot;&gt;Dropdown toggle
              &lt;div class=&quot;dd-list&quot;&gt;Opened drop down list&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p><strong>CSS</strong></p>
  <pre><code>.container {
      width: 200px;
      overflow-x: scroll;
      overflow-y: visible;
  }
  .container &gt;div {
      width: 300px;
  }
  .dd-toggle {
      position: relative;
      background: grey;
      line-height: 40px;
  }
  .dd-list {
      position: absolute;
      top: 90%;
      background: #ff9c00;
      width: 70px;
  }
  </code></pre>
  <p><img src="https://i.imgur.com/p5b4kZ8.png" alt="image explanation what I want to achieve" /></p>