Bulma: Level right is not well positioned at the rigth if it is the only child

[eboukamza]

This is about Bulma.

Is it a bug

Overview of the problem

This is about the Bulma CSS framework
I'm using Bulma version 0.7.2
My browser is: Chromium 71

Description

When a level has only a child, and level-right is the only one, it is not well positioned at the right

<nav class="level">
   <div class="level-right">
    <div class="level-item">level-right</div>
  </div>
</nav>

Steps to Reproduce

reproducer

Expected behavior

level item is aligned at the right

Actual behavior

It is aligned at the left

Workarround

I have a workarround adding an empty level-item

 <nav class="level">
  <div class=level-item></div>
   <div class="level-right">
    <div class="level-item">level-right</div>
  </div>
</nav>

[yongonyon]

I think the proper work-around would be to add an empty level-left item just above the level-right
That seems to work on your Plunker

[deepankarmalhan]

Had to do the same thing, have an empty div tag of level-left and that will align level-right elements properly.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[freitzzz]

Still not working when level-right is the only element declared.

Is this intended?

[GunnarPDX]

Try adding .is-mobile class to your .level
This will prevent Bulma from thinking your level is being viewed on mobile where it tries to horizontally and vertically align level items.

[DJPretorius]

The question still stands. Is this behaviour intended?

It feels unnecessary to have an empty level-left div just to have a single level-right div.

[Sazzo]

Same problem here, I added an empty item as described above and it worked lol