Por que o CSS clamp () não está funcionando apenas com zero (sem unidades)? [duplicado]

Dec 05 2020

Eu crio uma caneta com um exemplo de algo como um bug: https://codepen.io/dimakrutoo/pen/PoGZymb

se mudarmos o valor --layoutWMinda variável de "0px" para "0" então os cálculos quebram

Alguém pode explicar por que a clamp()função não funciona com um valor zero sem unidades?

UPD

Mais alguns exemplos ilustrativos aqui: https://codepen.io/dimakrutoo/pen/RwGarWY

Respostas

AHaworth Dec 05 2020 at 16:16

Esta não é uma resposta completa, mas fiquei sem caracteres nos comentários.

Eu não posso explicar, mas apenas notar que a braçadeira resolve para max(MIN, min(VAL, MAX))verhttps://developer.mozilla.org/en-US/docs/Web/CSS/clamp() e max e min demonstram o mesmo comportamento quando o primeiro parâmetro é 0 e o segundo tem uma unidade.

Existem várias perguntas no SO com massas de respostas aceitas e votadas que parecem agora estar incorretas, pois afirmam firmemente que 0 e, digamos, 0px são os mesmos (assim como as especificações, até onde posso ver).

Pode ser um bug, pode ser um recurso, mas é importante saber. Obrigado por destacá-lo.