CSS: Weird Heights - Flexbox

Ao definirmos o elemento-pai com display:flex, os elementos-filho ficam com a mesma altura.

Sem display:flex

<div>
  <input type="text" value="email">
  <button value="ok">Ok</button>
</div>

Com display:flex

.flex {
  display: flex;
}
<div class="flex">
  <input type="text" value="email">
  <button value="ok">Ok</button>
</div>

Note que o botão "Ok" ficou com a mesma altura do campo "email".

As alturas de todos os elementos-filho acompanham a maior altura.

Lorem ipsum dolor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce imperdiet justo massa, eu interdum augue vehicula.

Sem display:flex

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce imperdiet justo massa, eu interdum augue vehicula a. Nulla sollicitudin ante eget feugiat vulputate. Pellentesque semper velit quis porttitor tincidunt. Vestibulum odio enim, fringilla pellentesque finibus sit amet, sagittis sed ligula. Sed commodo quam quis lectus vehicula, at faucibus neque commodo.
Vestibulum ac iaculis nunc, quis ornare massa.
Aenean vitae tempor ligula, quis commodo ante. Phasellus bibendum magna ut sagittis tempor. Vestibulum nibh diam, sodales id justo ac, ultrices commodo nisl. Pellentesque id iaculis massa. Phasellus convallis et elit eget tincidunt. Vestibulum lorem ante, fermentum non finibus vitae, venenatis vel nulla. Donec nec lacus eu felis posuere tempor. Phasellus feugiat ante eu ante fringilla, a ultricies massa sodales. Sed elementum gravida velit, ut gravida tortor fermentum id. Quisque ut leo at nulla convallis pellentesque. Aenean lacinia lacus ac leo cursus ornare. Aliquam gravida nisl sit amet est feugiat, vel aliquam eros efficitur. Nunc tortor arcu, volutpat et magna vel, porta volutpat tortor.

Com display:flex

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce imperdiet justo massa, eu interdum augue vehicula a. Nulla sollicitudin ante eget feugiat vulputate. Pellentesque semper velit quis porttitor tincidunt. Vestibulum odio enim, fringilla pellentesque finibus sit amet, sagittis sed ligula. Sed commodo quam quis lectus vehicula, at faucibus neque commodo.
Vestibulum ac iaculis nunc, quis ornare massa.
Aenean vitae tempor ligula, quis commodo ante. Phasellus bibendum magna ut sagittis tempor. Vestibulum nibh diam, sodales id justo ac, ultrices commodo nisl. Pellentesque id iaculis massa. Phasellus convallis et elit eget tincidunt. Vestibulum lorem ante, fermentum non finibus vitae, venenatis vel nulla. Donec nec lacus eu felis posuere tempor. Phasellus feugiat ante eu ante fringilla, a ultricies massa sodales. Sed elementum gravida velit, ut gravida tortor fermentum id. Quisque ut leo at nulla convallis pellentesque. Aenean lacinia lacus ac leo cursus ornare. Aliquam gravida nisl sit amet est feugiat, vel aliquam eros efficitur. Nunc tortor arcu, volutpat et magna vel, porta volutpat tortor.