Skip to content

Allow providing zIndex on KeyboardToolbar #1112

@Taaqif

Description

@Taaqif

Is your feature request related to a problem? Please describe.
When using a portal using https://rnprimitives.com/portal/ and a zindex on a absolute view (overlay) the KeyboardToolbar is positioned underneath due to the zindex of the overlay

Image

Describe the solution you'd like
Having a wayto provide a zindex on the keyboardtoolbar view will allow me to position the toolbar higher than the overlay component. Updating the container style here seems great
https://github.com/kirillzyusko/react-native-keyboard-controller/blob/77b3af5870ead07a689ba6dd02881e12885e5df8/src/components/KeyboardToolbar/index.tsx#L197C5-L201C6

Describe alternatives you've considered
Ive tried wrapping the toolbar in another container with a higher z index but this diesnt seem to work

Additional context
Using NativeWind and a dialog component https://reactnativereusables.com/docs/components/dialog

Metadata

Metadata

Assignees

Labels

KeyboardToolbarAnything related to KeyboardToolbar componentrepro providedIssue contains reproduction repository/code🐛 bugSomething isn't working

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions