Grid "Reorder" covers TabList on scroll

[craigs100]

The TablsList is being hidden by the "Reorder" div that jumps up to the top of the editing panel when grids scroll.

Before scroll:

During scroll:

In dev tools setting the tabsList z-index to 100 allows the tabs to show, but using the following CSS fails:

tabsList {

z-index: 100 !important;

}

The TabsList div obscuring the "Reorder" div:

Hope fully this can be fixed then this package can be the "must have" solution to fix the inexplicable content navigation UI regression that arrived with all the V8 goodies ;)

[skttl]

If you can live with the reorder bar not being sticky, you can slap this CSS in somewhere:

#umb-grid > .umb-editor-sub-header[umb-sticky-bar] {
    position: relative;
    z-index: auto;
}

[nul800sebastiaan]

This is even nicer:

#umb-grid > .umb-editor-sub-header[umb-sticky-bar] { 
    top: 64px;
}

Looks like:

Although the tab bar should probably have a higher z-index else you'll see it peeking out:

This seems to help:

.fake-top-background, #tabsList {
    z-index: 99;
}

And it also allows for "Content / Info" buttons to still show up:

[nul800sebastiaan]

v1.0.5 is now available which should fix this issue. https://our.umbraco.com/packages/backoffice-extensions/cultiv-tabify-umbraco-8/

[craigs100]

Only now had a chance to test this. Perfect :) I even like the way it plays with viewlists. Thanks. Now to get it into Core ;)