Metabox.io Custom Field Layout Broken

Metabox plugin edit custom field page breaks inside the uipress layout styling.
“mb-panel mb-panel--add components-panel” this element appears over the top of the main menu so you are unable to navigate ‘back’ from here.

Fix For Metabox.IO
styling needs to change .mb element (div #mb-app) to position relative (not fixed) and give a height (height 100vh).
div#mb-app {

position: relative;

height: 100vh;

overflow: hidden;

left: 0;

}

general extras that could help here and other plugins:
UIPress could do with ensuing menu is on top
“uixp-menu” uix left menu component could do with a zindex (even z-index of 1 would have kept visible at least in this situation)
div#uixp-menu {

z-index: 1;

}

ideally contents of “uix-right-column” should be restricted inside this area. but based on the issue may easier adding specific fixes like the one above for metabox.io….


Please authenticate to join the conversation.

Upvoters
Status

In Review

Board

🐛 Bug Reports

Date

7 days ago

Author

TangoTango3

Subscribe to post

Get notified by email when there are changes.