callstack / callstack/react-native-paper

IconButton style prop is not manageable due to container element.

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

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 ` `
### Preview

How it looks when I add zIndex: 1 to IconButton style prop
![Screenshot 2024-03-12 at 10 27 34](https://github.com/callstack/react-native-paper/assets/54139019/18d9ec91-a841-4568-8791-a8783c42f9ae)
How it looks when I add View wrapper with zIndex: 1
![Screenshot 2024-03-12 at 10 28 05](https://github.com/callstack/react-native-paper/assets/54139019/7114370e-82ba-4ec5-8989-59a941ffe561)
### What have you tried so far?

In order to fix it I wrapped IconButton with extra ``
### Your Environment

| software | version
| --------------------- | -------
| react-native | 0.73.4
| react-native-paper | 5.11.3

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.