[V2] SnackBar always rendered and blocking touch events
See original GitHub issueHello!
Current behaviour
I am trying to add buttons to the bottom of the view, but the clicks are blocked by snackbar. Only the light blue portion of the snackbar blocks clicks.
SnackBar has no extra styles to it.
<Snackbar duration={3000} visible={this.state.open} onDismiss={() => this.handleClose()}> {this.state.disableTranslation ? this.state.message : I18n.t(this.state.message)} </Snackbar>
Expected behaviour
SnackBar should render only when visible prop is true ?
Screenshots (if applicable)
What have you tried
I have tried lowering the zIndex of the snackbar but it doesn’t change anything.
Your Environment
software | version |
---|---|
ios or android | on both |
react-native | 0.55.4 |
react-native-paper | 2.0.0-alpha.7 |
node | 10.9.0 |
npm or yarn | 6.2.0 |
Thanks!
Issue Analytics
- State:
- Created 5 years ago
- Comments:9 (9 by maintainers)
Top Results From Across the Web
Snackbars - Material Design
Snackbars inform users of a process that an app has performed or will perform. They appear temporarily, towards the bottom of the screen....
Read more >Snackbar doesn't intercept touch events when we tap on the ...
Snackbar doesn't intercept touch events when we tap on the its background ; Comments (3) ; Duplicates (0) ; Blocking (0) ; Resources...
Read more >UI events - Android Developers
UI events are actions that should be handled in the UI layer, either by the UI or by the ViewModel. The most common...
Read more >@material/snackbar | Yarn - Package Manager
Fast, reliable, and secure dependency management.
Read more >Display a snackbar - Flutter documentation
Display a snackbar · 1. Create a Scaffold. When creating apps that follow the Material Design guidelines, give your apps a consistent visual...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@luissmg feel free! thank you 😃
@satya164 can I give it a try since the OP didn’t respond?