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

Css transitionProperty breaking color inheritance in React Native

Aperta
  • Qualcosa non va?
#426 0 commenti 1 reazione 0 assegnatari Vedi su GitHub

@yaminyassin ci sta già lavorando.

Dal 29/5/2026.

  • #490 di @yaminyassin — aperta

Valutazione

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

Direzione di ricerca

Inizia eseguendo la riproduzione fornita di AlertBanner con Expo SDK 54 e react-strict-dom 0.0.54, con gli eventi pointer sperimentali abilitati. Traccia il modo in cui transitionProperty gestisce il colore ereditato su native e verifica che lo span cambi da bianco a verde quando viene premuto il pulsante, senza richiedere il ricaricamento dell’app.

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

Descrizione

bug
Describe the issue

When using transitionProperty with color in a button with a span inside, the html.span color breaks on native and defaults the inherited color to black.

In web the text colors transitions but in RN the colors de colors breaks when transition starts and doesn't recover unless you reload the app

This code was tested with experimental pointer events active following this react-native guide

The test was made with expo sdk 54 and react-strict-dom 0.0.54

https://github.com/user-attachments/assets/4a045c7e-3770-4632-98a8-beb20f11ca81

to test just try and run the following code:


import { css, html } from "react-strict-dom";

export function AlertBanner() {
  return (
    <html.button style={styles.container}>
      <html.span style={styles.text}>Alert Banner</html.span>
    </html.button>
  );
}
const styles = css.create({
  container: {
    padding: "32px",
    transitionProperty: "backgroundColor, color",
    transitionDuration: "300ms",
    backgroundColor: {
      default: "blue",
      ":active": "darkblue",
    },
    color: {
      default: "white",
      ":active": "green",
    },
  },
  text: {
    fontSize: "24px",
    color: "inherit",
  },
});
Expected behavior

Inherited text color should transition from white to green when button is pressed

Steps to reproduce

the following was tested with expo sdk 54 and react-strict-dom 0.0.54

  1. setup RSD with expo
  2. enable experimental pointer events
  3. add the test code and press the button
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.