[RESOLVED] Position fixed doesn't work on android

By Jacob Dmn
Picture of the author
Published on
vs code

I was working on one of my clients' projects and just faced this weird issue that position:fixed was working perfectly on Desktop (Mac & PC), and also was working on iPhone (all browsers), but only didn't work on android mobile browsers, here I talk about how I resolved it by coincidence!

This is my body:

body {
  backdrop-filter: blur(1px);
  background-image: $primary-linear;
  overflow-y: scroll;
  overflow-y: overlay;
  overflow-x: hidden;
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(
    ) !important;

Easily removed this line:

body {
  backdrop-filter: blur(1px);

That's it!

Did you enjoy reading?

Follow Me !

If you enjoyed this article, follow me on social media for more thoughts on full-stack development particularly in the web3 space!

Hi there! Want to support my work?

Buy Me A Coffee

Stay Tuned

Want to become a Web3 Pro?

The best articles, links and news related to web development delivered once a week to your inbox.