Navbar large issue #4361
Description
- Framework7 version: 9.0.0 - 9.0.2
- Platform and Target: iOS 26 Safari browser
- Live Link or CodeSandbox: -
Describe the bug
In light mode, the large navigation bar is causing a blur effect on the content and displays a white shadow, even when it is not scrolled and also breaks the <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> property. It works perfectly in dark mode.
To Reproduce
Steps to reproduce the behavior:
1.Use light mode
2. Add a large navbar
3. Use a colorful background, something darker to see the issue.
4. Add <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
5. Add the app to your homescreen and open it to see both issues(Make sure you have added <meta name="apple-mobile-web-app-capable" content="yes">)
Expected behavior
The navbar should blur content and have a white shadow only when scrolled down and the <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> should work even in light mode.
Actual Behavior
The navbar has blur and shadow when not being scrolled down and the <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> has no effect in light mode.
Screenshots
