deck.gl
deck.gl copied to clipboard
[Bug] Widget `style` prop does not apply styles for camel cased style keys
Description
When I pass a style object to widgets, styles for camel cased attributes (borderColor, zIndex, etc) aren't applied. Setting styles with dash cased keys does work but that violates the CSSStyleDeclaration type.
Flavors
- [ ] Script tag
- [ ] React
- [ ] Python/Jupyter notebook
- [ ] MapboxOverlay
- [ ] GoogleMapsOverlay
- [ ] CartoLayer
- [ ] ArcGIS
Expected Behavior
I expect to see all style applied to the widget while still complying with the typings
Steps to Reproduce
Here is a link to a branch of a repo that can be used to reproduce this issue: https://github.com/TylerMatteo/react-deck-boilerplate/tree/widget-dashcase-style-bug
To reproduce:
- Clone this repo and check out the
widget-dashcase-style-bugbranch npm installnpm run dev- Observe that the widget styles applied to
ZoomWidgetin/src/App.tsxaren't applied.
Environment
- Framework version: [email protected]
- Browser: Firefox 125.0.3
- OS: MacOS Ventura 13.5
Logs
N/A