question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[V2] SnackBar always rendered and blocking touch events

See original GitHub issue

Hello!

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)

screen shot 2018-08-21 at 14 36 39

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:closed
  • Created 5 years ago
  • Comments:9 (9 by maintainers)

github_iconTop GitHub Comments

2reactions
satya164commented, Aug 22, 2018

@luissmg feel free! thank you 😃

2reactions
luissmgcommented, Aug 22, 2018

@satya164 can I give it a try since the OP didn’t respond?

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found