microsoft / microsoft/react-native-windows
Enable passing borderRadius prop to Flyout control
Nobody has claimed this yet.
- Dominant language
- C++
- Stars
- 17.3k
- Forks
- 1.2k
- Avg merge
- 1d 13h
- Merged PRs (30d)
- 33
Description
Summary
The current Flyout control does not support the passing of a borderRadius prop. If a View inside the Flyout control has a borderRadius, the rectangular corners of the Flyout control become clearly visible at the corners of the View.
Motivation
The current Flyout control does not meet visual standards when used with Views that have rounded corners.
Basic Example
No response
Open Questions
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating the Flyout control entry point and the handling of View borderRadius props in this React Native Windows repository. Trace how the Flyout's visual bounds are created, then identify the relevant existing tests or add coverage that verifies rounded View corners are respected when the borderRadius prop is passed.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- cpp, react-native
- Domain
- desktop, frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100