Compresión de bloques flex cuando hay falta de espacio en CSS

Supongamos que tenemos tres bloques flex ubicados dentro de un contenedor padre en fila. A cada bloque hijo se le asigna un ancho de 100px, y a su contenedor padre - 300px:

Agreguemos más bloques de modo que el ancho total de estos bloques hijos sea mayor que el ancho de su contenedor padre. En este caso verás un efecto inesperado - el ancho de los bloques se reducirá para que todos quepan en su contenedor padre, a pesar de que a los bloques hijos se les especificó explícitamente un ancho: