bulma icon indicating copy to clipboard operation
bulma copied to clipboard

Incorrect behaviour of 'nav-right' for Bulma version above 0.5.3

Open jansenicus opened this issue 3 years ago • 1 comments

When using Bulma version 0.5.x and previous versions, the behavior of nav-right is consistently correct.

nav-left position the nav-item to the left nav-right position the nav-item to the right

But when using Bulma version 0.6.x and later versions, the behavior of nav-right is incorrect.

Steps to Reproduce

  1. Create a stylesheet definition:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.5.3/css/bulma.css">
  1. Create nav-menu and nav-item
<div class="nav-right nav-menu">
    <a href="#" class="nav-item">Home Right</a>
    <a href="#" class="nav-item">About Us RIght</a>
    <a href="#" class="nav-item">Contact Right</a>
</div>
<div class="nav-left nav-menu">
    <a href="#" class="nav-item">Home Left</a>
    <a href="#" class="nav-item">About Us Left</a>
    <a href="#" class="nav-item">Contact Left</a>
</div>
  1. The behavior is correct for both nav-right and nav-left;
  2. Change the stylesheet definition in step 1 from version 0.5.3 to version 0.6.0 » ... » 0.9.3;
  3. Then we got that the behavior for nav-left is correct but the behavior for nav-rightis incorrect.

Expected behavior

nav-right should consistently position nav-item to the right

Actual behavior

nav-right incorrectly position nav-item to the left

jansenicus avatar Feb 03 '22 11:02 jansenicus

Tha nav component was deprecated in version 0.4.2 and removed in version 0.6.0, use the newer navbar component instead.

kauefr avatar Jun 06 '22 13:06 kauefr