-
Notifications
You must be signed in to change notification settings - Fork 192
Description
Describe the issue
The documentation states that outline* style props should be supported (and have built-in React Native support) -
react-strict-dom/packages/website/docs/api/02-css/index.md
Lines 202 to 205 in 0522664
| | outlineColor | ✅ | ✅ | | | |
| | outlineOffset | ✅ | ✅ | | | |
| | outlineStyle | ✅ | ✅ | | | |
| | outlineWidth | ✅ | ✅ | | |
In reality in React Native, they're properly parsed only if criteria for version.experimental are met:
react-strict-dom/packages/react-strict-dom/src/native/css/isAllowedStyleKey.js
Lines 170 to 175 in 0522664
| if (version.experimental) { | |
| allowedStyleKeySet.add('outlineColor'); | |
| allowedStyleKeySet.add('outlineOffset'); | |
| allowedStyleKeySet.add('outlineStyle'); | |
| allowedStyleKeySet.add('outlineWidth'); | |
| } |
Expected behavior
outline* styles are correctly parsed as they're long-present functionality of RN (available since 0.77) or alternatively documentation provides correct information and specifies how to turn on the experimental support
Steps to reproduce
RSD version: 0.0.55
React Native version: 0.84.0
React version: 19.2.3
Browser: Google Chrome
- Define CSS styles using outline properties:
const styles = css.create({
test: {
outlineColor: "#000000",
outlineWidth: 1,
outlineStyle: "solid",
});- Apply them to a component:
<html.div style={styles.test}>...</html.div>-
Render the component in a React Native app and observe how the styles are rendered
-
(Optionally) console.log the resolved styles - the outline properties will be excluded
Test case
No response
Additional comments
No response