Failed to execute 'check' on 'FontFaceSet': Could not resolve '' as a font.

document.fonts.check() gives of an error for controlled component when value is empty

<DatePicker
    value={date} // date=""
    clearIcon={null}
    onChange={x => handleChange({ target: { name: "date", value: x } })}
/>;

[wojtekmaj]

Looks like normal and small-caps are the only allowed values of font-variant in CSS font shorthand property. So, there’s no way to apply font-variant-numeric: tabular-nums on canvas to measure the text. I fixed this issue in update-input-width library in https://github.com/wojtekmaj/update-input-width/commit/ce128a5498e277f9baed8d52dd3d65f71be899ee.

[DHDaniel]

we’re seeing this error:

3.bundle.js:8 Uncaught (in promise) DOMException: Failed to execute 'check' on 'FontFaceSet': Could not resolve 'normal tabular-nums 400 14px / 21px "Helvetica Neue", Helvetica, Arial, sans-serif' as a font.

It seems to be related to the tabular-nums property. Uncommenting it in our styles fixed the problem.