Como o minmax (0, 1fr) funciona para elementos longos, enquanto 1fr não funcion

Então eu tenho essa grade:

+---------+------------------------------+---------+    
|  <div>  |  <p> - 1000 characters long  |  <div>  |
+---------+------------------------------+---------+

Dentrop há uma string super longa sem espaços.divs são espaços reservados com dimensões fixas. Isso produz o acima:

  display: grid;
  grid-auto-flow: column;
  grid-template-columns: auto minmax(0, 1fr) auto;

Muttingminmax(0, 1fr) para1fr dá o seguinte:

+---------+----------------------------------------+    
|  <div>  |               <p> - 1000 characters long  |  <div>  |
+---------+----------------------------------------+

Transborda do pai e sai do tamanho da tela. Por que não está se comportando como minmax?

Codepen

questionAnswers(1)

yourAnswerToTheQuestion