Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Box] chrome 88: Failed to execute 'px' on 'CSS': The provided double value is non-finite.

See original GitHub issue

The issue is present in the latest release.
I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

Setting undefined value to the margin, padding,… props of a Box component would throw the following exception. This issue only is reproducible on chrome 88.

Failed to execute 'px' on 'CSS': The provided double value is non-finite.

Expected Behavior 🤔

Should ignore undefined value for props.

Steps to Reproduce 🕹

https://codesandbox.io/s/box-issue-with-undefined-forked-hxp13

<Box m={undefined} />

Issue Analytics

State:
Created 3 years ago
Reactions:11
Comments:14 (6 by maintainers)

Top GitHub Comments

3reactions

oliviertassinaricommented, Jan 22, 2021

The issue with the Box is fixed in #24527. It will be released soon or later. Regarding the other cases, make sure you are not providing NaN as a CSS value. please continue the discussion on https://github.com/cssinjs/jss/issues/1445 (the best place to fix the root cause)

If you find a place where the NaN is generated from Material-UI, and you have a reproduction to prove it like it was the case with the Box in this issue (#24519), please open a new issue.

3reactions

GearoidCollinscommented, Jan 21, 2021

I don’t know if this is related but we are experiencing something similar with users that upgraded to Chrome 88. Screenshot 2021-01-21 at 13 25 30

This issue for us seems to be related <Dialog /> https://material-ui.com/api/dialog/

Top Results From Across the Web

Failed to execute 'px' on 'CSS': The provided double value is ...

Setting undefined value to the margin, padding,... props of a Box component would throw the following exception. This issue only is reproducible ...

"The provided double value is non-finite" error when ...

Failed to execute 'elementsFromPoint' on 'Document': The provided double value is non-finite ...implies that the WebDriver instance was ...

Safari Technology Preview Release Notes - Apple Developer

Safari Technology Preview Release 147 is now available for download for macOS Monterey 12.3 or later and macOS Ventura beta. Updates to Safari...

Compose UI - Android Developers

In UI tests using a Compose rule, continuations resumed during withFrameNanos callbacks will not be dispatched until after all frame callbacks have finished ......

Diff - 94ca2b10d8..f39a1b8992 - chromium/src - Git at Google

Otherwise, nested calls might fail due to the shared FieldTrialList ... Value* values) { - // DeviceLocalAccount policies are not available for not ......