comportamento flexível do flexbox com altura máxima
Meu problema provavelmente é melhor explicado pelo exemplo. O seguinte jsfiddle funcionará no Chrome:
Como você pode ver, eu tenho um flexbox de altura fixa com um cabeçalho fixo e um corpo rolável. Por enquanto, tudo bem. No entanto, se você alterar o CSS 'height' do contêiner '.lhs' para max-height:
max-height: 100px;
Quebra. Parece agora pensar que minha lista agora é de altura zero! Alguma idéia de por que isso está fazendo o que está fazendo e como posso corrigi-lo?
Edição: Eu não era descritivo o suficiente no meu post original em como eu quero que isso se comporte. Basicamente, o exterior deve usar apenas a altura mínima necessária, mas apenas até o máximo (definido pela altura máxima). Neste ponto, quero que o conteúdo comece a rolar.