when admin toolbar-oriented vertically a div is over the options

I think is not the best solution. This div cannot disappear, is the wrapper of the elements in the menu. We just have to move it.
The problem is that the toolbar is taking the position of the body which have some margin left.
So I suggest to change the position from absolute to fixed in.

body.toolbar-fixed .toolbar-oriented,
.toolbar-oriented .toolbar-bar,
.toolbar-oriented .toolbar-tray {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

This solution solves the original problem, but gives problems, when scrolling on a longer page.

The buttons on the page gets positioned on top of the navigation toolbar.

Nevermind, didn't saw what Andrea was mentioning...

So back to "Needs work".

AndreaD:

This solution solves the original problem, but gives problems, when scrolling on a longer page.

The buttons on the page gets positioned on top of the navigation toolbar.

The toolbar is working well in other pages. So basically the problem is that in contextual pages(?) a class that has a position relative is added to the body, and this is moving the toolbar inside the body, just in those pages.

.contextual-region {
    position: relative;
}

So the possible solution is to remove the added class or change the style there.

If we are keeping the position, but changing z-index, it solves the problem, without causing more.

Needs review.

Ok, I think last patch solve the issue without problems.

I think we need to confirm that this does not break the toolbar on multiple browsers and multiple os's

Tested in linux with chrome, chromium, firefox, firefox developer edition (check diferent screen sizes), opera and Browser. And it works fine in all them.
@juanse254 Tried in Mac, so we just need somone else that try it in Windows.
I think this tests are kind of a review, so it needs review.

I tested it in Windows 10 with Edge, Chrome, Firefox and Opera.
Works perfect everywhere, so goes to RTBC.

Committed 2acfed8 and pushed to 8.0.x. Thanks!

@edurenye in future any chance you can post screenshots - it makes it easier to confirm the testing - thanks.

We realise that this breaks another thing, a lot of things use contextual-region, so it breaks the edit button in the nodes.
I think that maybe it should be set in toolbar-vertical class as it is ther just in that case.

Sorry to not be able to see that before, I just tested in the forms all the time, and I didn't get that detail.

Maybe better here.
I'll try to test as much as I can.

Lets's solve this in a follow up #2577561: Open configuration options button disappears when trying to click it

As this as caused a regression - I've reverted this.

I think this should work, I tested in Windows and Linux in all my browsers, but seeing the last time, always is posible to miss somthing, so help me to test a bit please.

Tested manually on Windows with
Opera 32.0
Firefox 41.0
Google Chrome 45.0
IE 11.0

Works ok.
I am new contributor. This issue is not assigned to anyone? Stays this way?

Sorry. I am new contributor (learning). Now I tested it with Simply TestMe so that I am sure that I am testing the right thing. Works ok on the browsers I mentioned in the previous comment. Since I am new somebody else can change the status.

Did you test that it works or that it didn't break anything else? We need to test that last thing more I think to not have again the same problem, but I don't know how to tell what is tested and what not, maybe we should try to identify the cases when this css is active.
Also maybe we need to test in tablets?
We don't need to assign it to anybody as it needs to be tested.