callstack / callstack/react-native-paper

FAB should have a shadow at elevation level 3

Open
#4,023 0 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

### Current behaviour
When in M3, the shadow of the FAB is at level 6.

### Expected behaviour
According to [M3 spec](https://m3.material.io/components/floating-action-button/specs), the FAB should have a shadow of level 3. I reported this for the AnimatedFAB back in #3805 and it seems to only have been fixed for the Animated version.

### Your Environment

| software | version
| --------------------- | -------
| react-native | 0.71.8
| react-native-paper | 0.5.8

Contributor guide

Open the contributing guide

Research direction

The issue names the FAB, the AnimatedFAB issue #3805, and the M3 specification; it does not identify a file or test. Start by locating the FAB elevation implementation and comparing it with the AnimatedFAB fix, then verify that the M3 FAB shadow is level 3 according to the linked specification.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native
Domain
mobile
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.