modxcms / fred

The friendly front-end editor for visual, drag-and-drop content building in MODX CMS
https://fred.modx.com
MIT License
59 stars 25 forks source link

Create Blueprint Button Inaccessible #412

Closed claytonk closed 3 years ago

claytonk commented 3 years ago

I was struggling to figure out how to save a full-page blueprint and discovered the issue is a z-index problem with the button that saves blueprints. The green plus sign button that should save the current structure as a blueprint is hidden behind the category <dt> and can't be clicked or inspected directly. A simple z-index change fixes the issue.

I looked through the css rules being applied and don't see that any of my local sheets are causing this, it seems to be an issue with the default Fred install.

If no one else is experiencing this I'll fix it with a local override, but I suspect this may be an issue for more than just me.

claytonk commented 3 years ago

Turns out I was wrong, it was a conflict with one of my stylesheets. The tablist <dl> isn't positioned in the Fred stylesheet, so if you use a reset that applies a blanket position: relative to block level elements the create blueprint button is positioned inside the tablist <dl> behind the first <dt> and is inaccessible.