Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Outline styles aren't parsed in React Native

Aperta Adatta ai principianti
  • Qualcosa non va?
#467 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

@hoangvvo ci sta già lavorando.

Dal 15/5/2026.

  • #480 di @hoangvvo — aperta
  • #493 di @MoOx — aperta

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
65/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
javascript, react-native
Ambito
mobile-dev

Direzione di ricerca

Inizia da packages/react-strict-dom/src/native/css/isAllowedStyleKey.js, in corrispondenza della logica relativa a outline, quindi confrontala con l'indicazione sul supporto di outline in packages/website/docs/api/02-css/index.md. Verifica in che modo version.experimental influisce sul parsing in React Native 0.84. Il lavoro è concluso quando gli stili outline vengono analizzati senza questa condizione oppure la documentazione indica chiaramente la configurazione sperimentale necessaria.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

bug
Describe the issue

The documentation states that outline* style props should be supported (and have built-in React Native support) - https://github.com/facebook/react-strict-dom/blob/05226645531de66ae8d0f06c48c10e0526dfd438/packages/website/docs/api/02-css/index.md?plain=1#L202-L205

In reality in React Native, they're properly parsed only if criteria for version.experimental are met: https://github.com/facebook/react-strict-dom/blob/05226645531de66ae8d0f06c48c10e0526dfd438/packages/react-strict-dom/src/native/css/isAllowedStyleKey.js#L170-L175

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

  1. Define CSS styles using outline properties:
const styles = css.create({
  test: {
    outlineColor: "#000000",
    outlineWidth: 1,
    outlineStyle: "solid",
});
  1. Apply them to a component:
<html.div style={styles.test}>...</html.div>

  1. Render the component in a React Native app and observe how the styles are rendered

  2. (Optionally) console.log the resolved styles - the outline properties will be excluded

Test case

No response

Additional comments

No response

Lingua principale
JavaScript
Stelle
3.6k
Fork
208
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di react/react-strict-dom

Tutte le issue di react/react-strict-dom

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.