This is about Bulma.
Overview of the problem
This is about the Bulma CSS framework
I am sure this issue is not a duplicate
Description
First, thank you very much for the framework, very useful !
The navbar-item class is implemented for <a> and <div> but not for <button>. This would be a great feature, because it is common to have a logout button in a dropdown in the navigation bar, which is generally a POST.
Steps to Reproduce
I give here an example of a navbar with a logout button in a dropdown.
<nav class="navbar is-fixed-top">
<div class="navbar-brand">
<a class="navbar-item" href="#">
<strong>
My project
</strong>
</a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarMenu">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbarMenu" class="navbar-menu">
<div class="navbar-end">
<div class="navbar-item has-dropdown">
<a class="navbar-link">
Welcome user
</a>
<div class="navbar-dropdown is-right">
<a class="navbar-item">
About
</a>
<hr class="navbar-divider">
<form action="..." method="post">
<button type="submit" class="navbar-item">
Logout
</button>
</form>
</div>
</div>
</div>
</div>
</nav>Expected behavior
From a user perspective, the "About" and "Logout" items in the dropdown should render exactly the same way.
Actual behavior
The placement, padding, etc, works fine, but the over effect is not working for the "Logout" button.
This is about Bulma.
Overview of the problem
This is about the Bulma CSS framework
I am sure this issue is not a duplicate
Description
First, thank you very much for the framework, very useful !
The
navbar-itemclass is implemented for<a>and<div>but not for<button>. This would be a great feature, because it is common to have a logout button in a dropdown in the navigation bar, which is generally a POST.Steps to Reproduce
I give here an example of a navbar with a logout button in a dropdown.
Expected behavior
From a user perspective, the "About" and "Logout" items in the dropdown should render exactly the same way.
Actual behavior
The placement, padding, etc, works fine, but the over effect is not working for the "Logout" button.