Weird Hint behavior on Android

オープン
#3,913 コメント 1 件 リアクション 1 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
45/100
issue の種類
バグ
明瞭さ
説明が足りない
活発さ
静か
技術スタック
react-native, typescript
領域
mobile

調査の方向性

まず、提供されたコードスニペットと記載されている React Native および React Native UI Lib のバージョンを使用して、Android 上で Hint コンポーネントの動作を再現します。表示切り替えと押下状態の動作を調査します。ラップされたコンポーネントが移動しなくなり、表示の切り替えによってビューが見つからないことに関するアクセシビリティエラーが発生しなければ完了です。

索引モデルが issue の本文から書いたものです。

説明

bug

Description

On Android, the component wrapped by Hint shifts position when pressed. And then, when visibility is set back to false, an error like the below is thrown:

sendAccessibilityEvent() dropping event: Cannot find view with tag #8446

Related to
  • Components
  • Demo
  • Docs
  • Typings
Steps to reproduce

Steps to reproduce the behavior:

  1. Use the Hint component on Android and observe the behavior when toggling visibility of the hint's contents.

More Info

Code snippet
        <Hint
          visible={hintVisible}
          color="white"
          enableShadow
          offset={6}
          borderRadius={8}
          containerWidth={400}
          removePaddings
          onBackgroundPress={() => setHintVisible(!hintVisible)}
          customContent={
            <Text className="text-xs text-center p-2.5 px-5">
              Your ability to submit bids, update membership, and accept offers has been disabled.
              Where applicable, all your max bids have been lowered to current bids. Please contact
              Customer Support:{' '}
              <STText classes="color-[#6CA5C8]" onPress={openSubmitRequest}>
                submit a request
              </STText>
              .
            </Text>
          }
        >
          <Pressable
            accessibilityRole="button"
            accessibilityLabel="info"
            accessibilityHint="opens dialog explaining account suspension"
            onPress={() => setHintVisible(!hintVisible)}
          >
            <FontAwesomeIcon icon={faCircleInfo} size={18} color={'white'} />
          </Pressable>
        </Hint>
Screenshots/Video

https://github.com/user-attachments/assets/1996adf7-2a87-4256-8e3f-d6a74e062383

Environment
  • React Native version: 0.81.5
  • React Native UI Lib version: 8.2.1
Affected platforms
  • Android
  • iOS
  • Web
主要言語
TypeScript
スター
7.2k
フォーク
749
平均マージ
29分
マージ済み PR(30日)
1

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

wix/react-native-ui-lib のほかの issue

wix/react-native-ui-lib の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。