Outline styles aren't parsed in React Native
評価
- 難易度
- 2/5
- 見積もり時間
- 1〜3時間
- 初心者へのやさしさ
- 65/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 静か
- 技術スタック
- javascript, react-native
- 領域
- mobile-dev
調査の方向性
まず packages/react-strict-dom/src/native/css/isAllowedStyleKey.js の outline 関連ロジックの周辺を確認し、その後 packages/website/docs/api/02-css/index.md の outline サポートに関する記述と比較してください。React Native 0.84 で version.experimental がパースにどのように影響するかを確認してください。outline スタイルがその条件なしでパースされるか、ドキュメントに必要な experimental の設定が明確に記載されていれば完了です。
索引モデルが issue の本文から書いたものです。
説明
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
- 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
- 主要言語
- JavaScript
- スター
- 3.6k
- フォーク
- 208
- PR マージ指標
- 30日以内にマージされた PR はありません
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートなし
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
react/react-strict-dom のほかの issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
react/react-strict-dom#465 · コメント 2 件 ·
-
postcss plugin re-transforms every included file on each rebuild under Turbopack (minutes-long HMR in large projects)対応中かも @borisyankov が 17 日前に担当しました。 オープン
難易度 5/5 1週間以上 初心者へのやさしさ 35/100
react/react-strict-dom#520 ·
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 35/100
react/react-strict-dom#505 · リアクション 2 件 ·
-
Button remains unclickable after disabled state changes対応中かも @MoOx が 130 日前に担当しました。 オープンbug
難易度 3/5 1〜2日 初心者へのやさしさ 62/100
react/react-strict-dom#491 · コメント 4 件 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 45/100
react/react-strict-dom#482 · コメント 1 件 ·
react/react-strict-dom の issue をすべて見る
似ている issue
-
agent/scanner bug hive/hosted-available-lke648397-260827-5n31
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
rescript-lang/rescript#8765 ·
メンテナーはふだん 1 日以内に返信
-
feedback simulation workshop
難易度 2/5 1〜3時間 初心者へのやさしさ 62/100
githubnext/gh-aw-workshop#4417 ·
メンテナーはふだん 1 日以内に返信
-
[Good First Issue]: Add unit tests for NetworkVersionInfo対応中かも このイシューにリンクされたプルリクエストがオープン中、またはマージ済みです。 オープンGood First Issue hacktoberfest
難易度 2/5 1〜3時間 初心者へのやさしさ 85/100
hiero-ledger/hiero-sdk-js#4489 ·
メンテナーはふだん 1 日以内に返信
-
Add: RiC Feedオープンcheck:passed feeds:add
難易度 1/5 1時間未満 初心者へのやさしさ 74/100
メンテナーはふだん 9 日以内に返信