Meterial subnav bar invisible
See original GitHub issueThis is a (multiple allowed):
- bug
- enhancement
- feature-discussion (RFC)
- Framework7 Version: 1.4.2.
- Platform and Target: chrome v52 firefox v42.
What you did
<div class="navbar">
<div class="navbar-inner">
<div class="left">
<a href="/" class="link icon-only back">
<i class="icon-arrow-left"></i>
</a>
</div>
<div class="center">Center</div>
<div class="subnavbar">
<form class="searchbar " action="/Search" >
<div class="searchbar-input">
<input type="search" placeholder="keyword" >
</div>
</form>
</div>
</div>
</div>
<div class="page-content with-subnavbar hide-navbar-on-scroll">
<!-- other code -->
</div>
Expected Behavior
sub nav bar shows up
Actual Behavior
sub navbar is hidden
Issue Analytics
- State:
- Created 7 years ago
- Comments:9 (3 by maintainers)
Top Results From Across the Web
NavigationView bar material invisible on iOS 15 - Stack Overflow
On iOS 15, an app with a NavigationView with .inline mode no longer shows the blurry material color you would see for the...
Read more >How to make Bootstrap Navbar transparent - code helpers
Creating a transparent navbar is very easy - just dont add a color class ... In this case, the Navbar will take the...
Read more >How to Create Transparent Drop Down Navigation Menu with ...
How to Create an HTML Dropdown Menu | Learn HTML and CSS | HTML Tutorial | HTML for Beginners · Responsive Navigation Menu...
Read more >Navigation bar – Material Design 3
Navigation bars offer a persistent and convenient way to switch between primary destinations in an app. They're a common navigation component on handheld ......
Read more >Angular Material Navbar with Toolbar Show Hide Option
In here i am going to explain how to create the angular material toolbar and navbar component and how to control the visibility...
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
I think I found the “bug”. The “navbar-inner” class contains a “overflow: hidden;” rule. toolbars.less line 26
After I put “overflow: visible” in my code it worked.
Is this the right behavior?
Issue is closed because of outdated/irrelevant/not actual/needed more information/inactivity.
If this issue is still actual and reproducible for latest version of Framework7, please create new issue and fill the issue template correctly: