microsoft / microsoft/react-native-gallery

[React Native Gallery -> Flyout]: No border for 'Open Popup' button.

Open
#512 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

A11ySev3 Area: Accessibility Area: Paper bug
Dominant language
TypeScript
Stars
257
Forks
57
Avg merge
18h 19m
Merged PRs (30d)
10

Description

Build Details:
OS Version: Dev (OS Build 27695.1000)
App: React Native Gallery
App Version: 1.0.18.0
React Native Windows Version: 0.75.0

Repro-Steps:
Launch the React Native Gallery app.
Navigate to ‘All samples’ button present in left navigation pane and invoke it.
Navigate to ‘Flyout’ button present under “Dialogs & flyouts” group and invoke it.
Now observe 'Open Popup' button.
Actual Result:
No border for 'Open Popup' button. Visually it is looking as a static text.

Expected Result:
Proper border should be defined for 'Open Popup' button.

Link to ADO bug: https://microsoft.visualstudio.com/OS/_workitems/edit/54110241

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the issue in the React Native Gallery by opening All samples, then Dialogs & flyouts > Flyout and inspecting the Open Popup button. Locate the Flyout sample and its button styling, then verify that the button has a visible border and no longer appears as static text.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
frontend, mobile
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.