Al abrir el cuadro de búsqueda el espacio gris no tiene que estar
Es porque queda reservado el espacio para la lista de libros. El tema es que al querer hacer la transición solo con CSS, no podemos hacer height: 0
a height: auto
, tenemos que decirle el alto final y eso no lo sabemos hasta que se cargan todos los libros.
Había pensado que sabiendo el alto de la tipografía y el alto del padding, podemos pasarle el height: X
donde X es algo que calculamos en liquid, por ejemplo (alto de tipografía + alto de padding) * cantidad de libros
.
Algo similar pasa en #17