Allow infinity, -infinity and NaN in CSS calc()

Category: CSS
Type: Chromium catches up
Status: Enabled by default (Chrome 99)
Intent stage: Shipped

Summary

CSS calc() math function should allow infinity and NaN values by 'infinity', '-infinity', 'NaN' keywords or expressions that could be evaluated into infinity or NaN such as 'calc(1/0)'.

Motivation

This feature improves conformance with the spec.

Standards & signals

Specification: https://drafts.csswg.org/css-values/#ref-for-math-function%E2%91%A1%E2%91%A0
Firefox: No signal
Safari: Shipped/Shipping
Web developers: No signals
Tracking bug: https://bugs.chromium.org/p/chromium/issues/detail?id=1133390

Docs: https://bit.ly/349gXjq

Explainers: https://github.com/DevSDK/calc-infinity-and-NaN/blob/master/explainer.md

View on chromestatus.com