Skip to content

Weird Hint behavior on Android #3913

@jakemadash

Description

@jakemadash

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

MicrosoftTeams-video.mp4

Environment

  • React Native version: 0.81.5
  • React Native UI Lib version: 8.2.1

Affected platforms

  • Android
  • iOS
  • Web

Metadata

Metadata

Assignees

No one assigned

    Labels

    buga bug in one of the components

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions