zIndex Grouping

styleConfig.js

// Global CSS variables for Neos.Ui
const config = {
    zIndex: {
        // group by stacking context. All root properties of zIndex have "html" as parentStackingContext
        secondaryToolbar: {
            linkIconButtonFlyout: '1'
        },
        flashMessageContainer: {
            context: '1'
        },
        secondaryInspector: {
            context: '1',
            close: '2'
        },
        secondaryInspectorElevated: {
            context: '1',
            dropdownContents: '2'
        },
        dialog: {
            context: '1',

        },
        fullScreenClose: {
            context: '1'
        },
        drawer: {
            context: '1'
        },
        bar: {
            context: '1'
        },
        primaryToolbar: {
            context: '1'
        },
        checkboxInput: {
            context: '1'
        },
        dropdownContents: {
            context: '1'
        },
        selectBoxContents: {
            context: '1'
        },
        selectBoxLoadingIcon: {
            context: '1'
        },
        // existing styles
        flashMessage: '999999', // 
        linkIconButton: '1000', //
        aspectRatioDropdownContents: '10', //secondaryInspectorElevated.dropdownContents
        nodeToolBar: '2147483647',
        notInlineEditableOverlay: '10000',
        secondaryInspectorElevated: '10001', //secondaryInspectorElevated.context
        secondaryInspectorClose: '10', //secondaryInspector.close
        drawer: '8000', //drawer.context
        fullScreenClose: '1', // fullScreenClose.context
        primaryToolbar: '9999', //primaryToolbar.context
        unappliedChangesOverlay: '10000',
        bar: '1', // bar.context
        checkboxInput: '1', //checkoboxInput.context
        calendarFakeInputMirror: '1',
        rdtPicker: '99999 !important',
        dialog: '999', // dialog.context
        dropdownContents: '1', //dropdownContents.context
        wrapperDropdown: '1', //
        selectBoxLoadingIcon: '1', //
        selectBoxBtnDelete: '1',
        selectBoxContents: '10', //selectBoxContents.context
        dropTargetBefore: '1',
        dropTargetAfter: '2'
    }
};