Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[BUG] react-dom: "Unsupported style property margin-right" when dev_tools_ui is enabled #3020

Open
pupitetris opened this issue Oct 1, 2024 · 0 comments
Open

[BUG] react-dom: "Unsupported style property margin-right" when dev_tools_ui is enabled #3020

pupitetris opened this issue Oct 1, 2024 · 0 comments

Comments

@pupitetris
Copy link 

dash                      2.18.1
dash-bootstrap-components 1.6.0
dash-core-components      2.0.0
dash-html-components      2.0.0
dash-table                5.0.0
  • Browser: Brave Version 1.70.119 Chromium: 129.0.6668.70 (Official Build) (64-bit)
  • Browser: Google Chrome Version 129.0.6668.70 (Official Build) (64-bit)
  • Browser: MS Edge Version 129.0.2792.65 (Official build) (64-bit)
  • OS: Windows 11

When running my dash app with DASH_DEBUG=true, the Dev Tools appear alright, but I get the following warnings at the console, which don't appear when I deactivate the Dev Tools:

[email protected]_18_1m1727316655.14.0.js:82 Warning: Unsupported style property margin-top. Did you mean marginTop?
    in div (created by t)
    in t (created by CheckedComponent)
    in CheckedComponent (created by BaseTreeContainer)
    in ComponentErrorBoundary (created by BaseTreeContainer)
    in BaseTreeContainer (created by DashWrapper)
    in DashWrapper (created by BaseTreeContainer)
    in section (created by Ts)
    in Ts (created by CheckedComponent)
    in CheckedComponent (created by BaseTreeContainer)
    in ComponentErrorBoundary (created by BaseTreeContainer)
    in BaseTreeContainer (created by DashWrapper)
    in DashWrapper (created by BaseTreeContainer)
    in div (created by ei)
    in ei (created by CheckedComponent)
    in CheckedComponent (created by BaseTreeContainer)
    in ComponentErrorBoundary (created by BaseTreeContainer)
    in BaseTreeContainer (created by DashWrapper)
    in DashWrapper (created by BaseTreeContainer)
    in div (created by ei)
    in ei (created by CheckedComponent)
    in CheckedComponent (created by BaseTreeContainer)
    in ComponentErrorBoundary (created by BaseTreeContainer)
    in BaseTreeContainer (created by DashWrapper)
    in DashWrapper (created by BaseTreeContainer)
    in div (created by ei)
    in ei (created by CheckedComponent)
    in CheckedComponent (created by BaseTreeContainer)
    in ComponentErrorBoundary (created by BaseTreeContainer)
    in BaseTreeContainer (created by DashWrapper)
    in DashWrapper (created by UnconnectedContainer)
    in div (created by UnconnectedGlobalErrorContainer)
    in div (created by GlobalErrorOverlay)
    in div (created by GlobalErrorOverlay)
    in GlobalErrorOverlay (created by DebugMenu)
    in div (created by DebugMenu)
    in DebugMenu (created by UnconnectedGlobalErrorContainer)
    in div (created by UnconnectedGlobalErrorContainer)
    in UnconnectedGlobalErrorContainer (created by Connect(UnconnectedGlobalErrorContainer))
    in Connect(UnconnectedGlobalErrorContainer) (created by UnconnectedContainer)
    in UnconnectedContainer (created by Connect(UnconnectedContainer))
    in Connect(UnconnectedContainer) (created by UnconnectedAppContainer)
    in UnconnectedAppContainer (created by Connect(UnconnectedAppContainer))
    in Connect(UnconnectedAppContainer) (created by AppProvider)
    in Provider (created by AppProvider)
    in AppProvider
printWarning @ [email protected]_18_1m1727316655.14.0.js:82
error @ [email protected]_18_1m1727316655.14.0.js:54
warnHyphenatedStyleName @ [email protected]_18_1m1727316655.14.0.js:4602
warnValidStyle @ [email protected]_18_1m1727316655.14.0.js:4650
setValueForStyles @ [email protected]_18_1m1727316655.14.0.js:4723
setInitialDOMProperties @ [email protected]_18_1m1727316655.14.0.js:5924
setInitialProperties @ [email protected]_18_1m1727316655.14.0.js:6149
finalizeInitialChildren @ [email protected]_18_1m1727316655.14.0.js:7622
completeWork @ [email protected]_18_1m1727316655.14.0.js:19113
completeUnitOfWork @ [email protected]_18_1m1727316655.14.0.js:22324
performUnitOfWork @ [email protected]_18_1m1727316655.14.0.js:22300
workLoopSync @ [email protected]_18_1m1727316655.14.0.js:22265
performSyncWorkOnRoot @ [email protected]_18_1m1727316655.14.0.js:21891
(anonymous) @ [email protected]_18_1m1727316655.14.0.js:11224
unstable_runWithPriority @ [email protected]_18_1m1727316655.14.0.js:2685
runWithPriority$1 @ [email protected]_18_1m1727316655.14.0.js:11174
flushSyncCallbackQueueImpl @ [email protected]_18_1m1727316655.14.0.js:11219
flushSyncCallbackQueue @ [email protected]_18_1m1727316655.14.0.js:11207
flushPassiveEffectsImpl @ [email protected]_18_1m1727316655.14.0.js:23018
unstable_runWithPriority @ [email protected]_18_1m1727316655.14.0.js:2685
runWithPriority$1 @ [email protected]_18_1m1727316655.14.0.js:11174
flushPassiveEffects @ [email protected]_18_1m1727316655.14.0.js:22955
(anonymous) @ [email protected]_18_1m1727316655.14.0.js:22834
workLoop @ [email protected]_18_1m1727316655.14.0.js:2629
flushWork @ [email protected]_18_1m1727316655.14.0.js:2584
performWorkUntilDeadline @ [email protected]_18_1m1727316655.14.0.js:2196


[email protected]_18_1m1727316655.14.0.js:82 Warning: Unsupported style property margin-left. Did you mean marginLeft?
    in div (created by t)
    in t (created by CheckedComponent)
    in CheckedComponent (created by BaseTreeContainer)
    in ComponentErrorBoundary (created by BaseTreeContainer)
    in BaseTreeContainer (created by DashWrapper)
    in DashWrapper (created by BaseTreeContainer)
    in section (created by Ts)
    in Ts (created by CheckedComponent)
    in CheckedComponent (created by BaseTreeContainer)
    in ComponentErrorBoundary (created by BaseTreeContainer)
    in BaseTreeContainer (created by DashWrapper)
    in DashWrapper (created by BaseTreeContainer)
    in div (created by ei)
    in ei (created by CheckedComponent)
    in CheckedComponent (created by BaseTreeContainer)
    in ComponentErrorBoundary (created by BaseTreeContainer)
    in BaseTreeContainer (created by DashWrapper)
    in DashWrapper (created by BaseTreeContainer)
    in div (created by ei)
    in ei (created by CheckedComponent)
    in CheckedComponent (created by BaseTreeContainer)
    in ComponentErrorBoundary (created by BaseTreeContainer)
    in BaseTreeContainer (created by DashWrapper)
    in DashWrapper (created by BaseTreeContainer)
    in div (created by ei)
    in ei (created by CheckedComponent)
    in CheckedComponent (created by BaseTreeContainer)
    in ComponentErrorBoundary (created by BaseTreeContainer)
    in BaseTreeContainer (created by DashWrapper)
    in DashWrapper (created by UnconnectedContainer)
    in div (created by UnconnectedGlobalErrorContainer)
    in div (created by GlobalErrorOverlay)
    in div (created by GlobalErrorOverlay)
    in GlobalErrorOverlay (created by DebugMenu)
    in div (created by DebugMenu)
    in DebugMenu (created by UnconnectedGlobalErrorContainer)
    in div (created by UnconnectedGlobalErrorContainer)
    in UnconnectedGlobalErrorContainer (created by Connect(UnconnectedGlobalErrorContainer))
    in Connect(UnconnectedGlobalErrorContainer) (created by UnconnectedContainer)
    in UnconnectedContainer (created by Connect(UnconnectedContainer))
    in Connect(UnconnectedContainer) (created by UnconnectedAppContainer)
    in UnconnectedAppContainer (created by Connect(UnconnectedAppContainer))
    in Connect(UnconnectedAppContainer) (created by AppProvider)
    in Provider (created by AppProvider)
    in AppProvider
printWarning @ [email protected]_18_1m1727316655.14.0.js:82
error @ [email protected]_18_1m1727316655.14.0.js:54
warnHyphenatedStyleName @ [email protected]_18_1m1727316655.14.0.js:4602
warnValidStyle @ [email protected]_18_1m1727316655.14.0.js:4650
setValueForStyles @ [email protected]_18_1m1727316655.14.0.js:4723
setInitialDOMProperties @ [email protected]_18_1m1727316655.14.0.js:5924
setInitialProperties @ [email protected]_18_1m1727316655.14.0.js:6149
finalizeInitialChildren @ [email protected]_18_1m1727316655.14.0.js:7622
completeWork @ [email protected]_18_1m1727316655.14.0.js:19113
completeUnitOfWork @ [email protected]_18_1m1727316655.14.0.js:22324
performUnitOfWork @ [email protected]_18_1m1727316655.14.0.js:22300
workLoopSync @ [email protected]_18_1m1727316655.14.0.js:22265
performSyncWorkOnRoot @ [email protected]_18_1m1727316655.14.0.js:21891
(anonymous) @ [email protected]_18_1m1727316655.14.0.js:11224
unstable_runWithPriority @ [email protected]_18_1m1727316655.14.0.js:2685
runWithPriority$1 @ [email protected]_18_1m1727316655.14.0.js:11174
flushSyncCallbackQueueImpl @ [email protected]_18_1m1727316655.14.0.js:11219
flushSyncCallbackQueue @ [email protected]_18_1m1727316655.14.0.js:11207
flushPassiveEffectsImpl @ [email protected]_18_1m1727316655.14.0.js:23018
unstable_runWithPriority @ [email protected]_18_1m1727316655.14.0.js:2685
runWithPriority$1 @ [email protected]_18_1m1727316655.14.0.js:11174
flushPassiveEffects @ [email protected]_18_1m1727316655.14.0.js:22955
(anonymous) @ [email protected]_18_1m1727316655.14.0.js:22834
workLoop @ [email protected]_18_1m1727316655.14.0.js:2629
flushWork @ [email protected]_18_1m1727316655.14.0.js:2584
performWorkUntilDeadline @ [email protected]_18_1m1727316655.14.0.js:2196


[email protected]_18_1m1727316655.14.0.js:82 Warning: Unsupported style property margin-bottom. Did you mean marginBottom?
    in button (created by on)
    in on (created by CheckedComponent)
    in CheckedComponent (created by BaseTreeContainer)
    in ComponentErrorBoundary (created by BaseTreeContainer)
    in BaseTreeContainer (created by DashWrapper)
    in DashWrapper (created by BaseTreeContainer)
    in section (created by Ts)
    in Ts (created by CheckedComponent)
    in CheckedComponent (created by BaseTreeContainer)
    in ComponentErrorBoundary (created by BaseTreeContainer)
    in BaseTreeContainer (created by DashWrapper)
    in DashWrapper (created by BaseTreeContainer)
    in div (created by ei)
    in ei (created by CheckedComponent)
    in CheckedComponent (created by BaseTreeContainer)
    in ComponentErrorBoundary (created by BaseTreeContainer)
    in BaseTreeContainer (created by DashWrapper)
    in DashWrapper (created by BaseTreeContainer)
    in div (created by ei)
    in ei (created by CheckedComponent)
    in CheckedComponent (created by BaseTreeContainer)
    in ComponentErrorBoundary (created by BaseTreeContainer)
    in BaseTreeContainer (created by DashWrapper)
    in DashWrapper (created by BaseTreeContainer)
    in div (created by ei)
    in ei (created by CheckedComponent)
    in CheckedComponent (created by BaseTreeContainer)
    in ComponentErrorBoundary (created by BaseTreeContainer)
    in BaseTreeContainer (created by DashWrapper)
    in DashWrapper (created by UnconnectedContainer)
    in div (created by UnconnectedGlobalErrorContainer)
    in div (created by GlobalErrorOverlay)
    in div (created by GlobalErrorOverlay)
    in GlobalErrorOverlay (created by DebugMenu)
    in div (created by DebugMenu)
    in DebugMenu (created by UnconnectedGlobalErrorContainer)
    in div (created by UnconnectedGlobalErrorContainer)
    in UnconnectedGlobalErrorContainer (created by Connect(UnconnectedGlobalErrorContainer))
    in Connect(UnconnectedGlobalErrorContainer) (created by UnconnectedContainer)
    in UnconnectedContainer (created by Connect(UnconnectedContainer))
    in Connect(UnconnectedContainer) (created by UnconnectedAppContainer)
    in UnconnectedAppContainer (created by Connect(UnconnectedAppContainer))
    in Connect(UnconnectedAppContainer) (created by AppProvider)
    in Provider (created by AppProvider)
    in AppProvider
printWarning @ [email protected]_18_1m1727316655.14.0.js:82
error @ [email protected]_18_1m1727316655.14.0.js:54
warnHyphenatedStyleName @ [email protected]_18_1m1727316655.14.0.js:4602
warnValidStyle @ [email protected]_18_1m1727316655.14.0.js:4650
setValueForStyles @ [email protected]_18_1m1727316655.14.0.js:4723
setInitialDOMProperties @ [email protected]_18_1m1727316655.14.0.js:5924
setInitialProperties @ [email protected]_18_1m1727316655.14.0.js:6149
finalizeInitialChildren @ [email protected]_18_1m1727316655.14.0.js:7622
completeWork @ [email protected]_18_1m1727316655.14.0.js:19113
completeUnitOfWork @ [email protected]_18_1m1727316655.14.0.js:22324
performUnitOfWork @ [email protected]_18_1m1727316655.14.0.js:22300
workLoopSync @ [email protected]_18_1m1727316655.14.0.js:22265
performSyncWorkOnRoot @ [email protected]_18_1m1727316655.14.0.js:21891
(anonymous) @ [email protected]_18_1m1727316655.14.0.js:11224
unstable_runWithPriority @ [email protected]_18_1m1727316655.14.0.js:2685
runWithPriority$1 @ [email protected]_18_1m1727316655.14.0.js:11174
flushSyncCallbackQueueImpl @ [email protected]_18_1m1727316655.14.0.js:11219
flushSyncCallbackQueue @ [email protected]_18_1m1727316655.14.0.js:11207
flushPassiveEffectsImpl @ [email protected]_18_1m1727316655.14.0.js:23018
unstable_runWithPriority @ [email protected]_18_1m1727316655.14.0.js:2685
runWithPriority$1 @ [email protected]_18_1m1727316655.14.0.js:11174
flushPassiveEffects @ [email protected]_18_1m1727316655.14.0.js:22955
(anonymous) @ [email protected]_18_1m1727316655.14.0.js:22834
workLoop @ [email protected]_18_1m1727316655.14.0.js:2629
flushWork @ [email protected]_18_1m1727316655.14.0.js:2584
performWorkUntilDeadline @ [email protected]_18_1m1727316655.14.0.js:2196


[email protected]_18_1m1727316655.14.0.js:82 Warning: Unsupported style property margin-right. Did you mean marginRight?
    in div (created by ei)
    in ei (created by CheckedComponent)
    in CheckedComponent (created by BaseTreeContainer)
    in ComponentErrorBoundary (created by BaseTreeContainer)
    in BaseTreeContainer (created by DashWrapper)
    in DashWrapper (created by BaseTreeContainer)
    in div (created by ei)
    in ei (created by CheckedComponent)
    in CheckedComponent (created by BaseTreeContainer)
    in ComponentErrorBoundary (created by BaseTreeContainer)
    in BaseTreeContainer (created by DashWrapper)
    in DashWrapper (created by BaseTreeContainer)
    in div (created by ei)
    in ei (created by CheckedComponent)
    in CheckedComponent (created by BaseTreeContainer)
    in ComponentErrorBoundary (created by BaseTreeContainer)
    in BaseTreeContainer (created by DashWrapper)
    in DashWrapper (created by BaseTreeContainer)
    in div (created by ei)
    in ei (created by CheckedComponent)
    in CheckedComponent (created by BaseTreeContainer)
    in ComponentErrorBoundary (created by BaseTreeContainer)
    in BaseTreeContainer (created by DashWrapper)
    in DashWrapper (created by UnconnectedContainer)
    in div (created by UnconnectedGlobalErrorContainer)
    in div (created by GlobalErrorOverlay)
    in div (created by GlobalErrorOverlay)
    in GlobalErrorOverlay (created by DebugMenu)
    in div (created by DebugMenu)
    in DebugMenu (created by UnconnectedGlobalErrorContainer)
    in div (created by UnconnectedGlobalErrorContainer)
    in UnconnectedGlobalErrorContainer (created by Connect(UnconnectedGlobalErrorContainer))
    in Connect(UnconnectedGlobalErrorContainer) (created by UnconnectedContainer)
    in UnconnectedContainer (created by Connect(UnconnectedContainer))
    in Connect(UnconnectedContainer) (created by UnconnectedAppContainer)
    in UnconnectedAppContainer (created by Connect(UnconnectedAppContainer))
    in Connect(UnconnectedAppContainer) (created by AppProvider)
    in Provider (created by AppProvider)
    in AppProvider
printWarning @ [email protected]_18_1m1727316655.14.0.js:82
error @ [email protected]_18_1m1727316655.14.0.js:54
warnHyphenatedStyleName @ [email protected]_18_1m1727316655.14.0.js:4602
warnValidStyle @ [email protected]_18_1m1727316655.14.0.js:4650
setValueForStyles @ [email protected]_18_1m1727316655.14.0.js:4723
setInitialDOMProperties @ [email protected]_18_1m1727316655.14.0.js:5924
setInitialProperties @ [email protected]_18_1m1727316655.14.0.js:6149
finalizeInitialChildren @ [email protected]_18_1m1727316655.14.0.js:7622
completeWork @ [email protected]_18_1m1727316655.14.0.js:19113
completeUnitOfWork @ [email protected]_18_1m1727316655.14.0.js:22324
performUnitOfWork @ [email protected]_18_1m1727316655.14.0.js:22300
workLoopSync @ [email protected]_18_1m1727316655.14.0.js:22265
performSyncWorkOnRoot @ [email protected]_18_1m1727316655.14.0.js:21891
(anonymous) @ [email protected]_18_1m1727316655.14.0.js:11224
unstable_runWithPriority @ [email protected]_18_1m1727316655.14.0.js:2685
runWithPriority$1 @ [email protected]_18_1m1727316655.14.0.js:11174
flushSyncCallbackQueueImpl @ [email protected]_18_1m1727316655.14.0.js:11219
flushSyncCallbackQueue @ [email protected]_18_1m1727316655.14.0.js:11207
flushPassiveEffectsImpl @ [email protected]_18_1m1727316655.14.0.js:23018
unstable_runWithPriority @ [email protected]_18_1m1727316655.14.0.js:2685
runWithPriority$1 @ [email protected]_18_1m1727316655.14.0.js:11174
flushPassiveEffects @ [email protected]_18_1m1727316655.14.0.js:22955
(anonymous) @ [email protected]_18_1m1727316655.14.0.js:22834
workLoop @ [email protected]_18_1m1727316655.14.0.js:2629
flushWork @ [email protected]_18_1m1727316655.14.0.js:2584
performWorkUntilDeadline @ [email protected]_18_1m1727316655.14.0.js:2196
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@pupitetris