Snackbar bottom is showing under keyboard on ios

[Ali-Azizi]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

hello there,
I'm using the latest version of material-ui for a pwa app in react.js and when I use snackbar in bottom and keyboard on ios, the snackbar does'nt show because it's under the keyboard.
this behavior is correct on android but on ios it is'nt.
so please help me

[siriwatknp]

Can you please share a CodeSandbox that I can reproduce?

[Ali-Azizi]

Hi,
okay, I've prepared a sample of my code and you can see by using below link:
https://f2gpx4.csb.app/

If you test it in Ios you will see the problem which snackbar will not be displayed when keyboard is showing and you can compare with android to figure out the correct functionality.

[siriwatknp]

Hi, okay, I've prepared a sample of my code and you can see by using below link: https://f2gpx4.csb.app/

If you test it in Ios you will see the problem which snackbar will not be displayed when keyboard is showing and you can compare with android to figure out the correct functionality.

Thanks! I think the position fixed is not well supported in mobile iOS, see some workarounds in https://stackoverflow.com/questions/43833049/how-to-make-fixed-content-go-above-ios-keyboard

[siriwatknp]

I mark this as "external dependency" because the browser/OS should handle this properly. Feedback welcome!

[Ali-Azizi]

Thanks for your guidance but I think it's better for your awesome project to be responsive in all browsers like safari or etc.
Because it is not possible for all browsers to support our components while it is programmers responsible to create components that can be supported in all browsers.