IconButton style prop is not manageable due to container element. #4339
Description
Current behaviour
When you add style prop such as zIndex to IconButton component it's no applied because IconButton wrapped in Surface component which has static styles defined.
Expected behaviour
When adding zIndex property it applies to Surface component and works.
How to reproduce?
Create <View><IconButton style={{ zIndex: 1, position: "absolute" }} /> <View style={{ backgroundColor: 'red' , width: 10, height: 10 }} ><View></View>
Preview
How it looks when I add zIndex: 1 to IconButton style prop
How it looks when I add View wrapper with zIndex: 1
What have you tried so far?
In order to fix it I wrapped IconButton with extra <View style={{ zIndex: 1 }}></View>
Your Environment
| software | version |
|---|---|
| react-native | 0.73.4 |
| react-native-paper | 5.11.3 |