title: Dropdown not resize
body: <p>I am using flex grid, where row and column having property <code>display:flex</code>.
  Now I am creating a dropdown. Using property <code>display:inline-flex</code>. But it stretches to full width. Property <code>inline-flex</code> does not work. 
  I cannot remove the wrapper property</p>
  
  <pre><code>.wrapper { 
     display:flex; 
     flex-direction: column; 
     flex-grow: 0; 
     flex-shrink: 0; 
  }
  </code></pre>
  
  <p>Demo: <a href="http://codepen.io/JEETPAL/pen/wzkopX" rel="nofollow noreferrer">http://codepen.io/JEETPAL/pen/wzkopX</a></p>