Front end issue hot spots appear above core admin drop down menu

[oldrup]

• I've read and understood the contribution guidelines.
• I've searched for any related issues and avoided creating a duplicate issue.

Please give us a description of what happened.

The front end error "hotspots" seems to have a higher z-index than the core admin drop down menu. Screenshot

Not by any means a big issue, and easily avoidable, it just looks off.

Please describe what you expected to happen and why.

I expected the "hot spot" (whats the proper term?) for the issues to be below the menu.

How can we reproduce this behavior?

1. View front end with issues
2. Scroll down until one of the hot spot icons are present
3. Pull down a core menu

Technical info

• WordPress version:
• Accessibility Checker version:

• If relevant, which editor is affected (or editors):

• Classic Editor
• Gutenberg
• Classic Editor plugin
• Page Builder (please specify):

• Which browser is affected (or browsers):

• Internet Explorer
• Edge
• Chrome
• Firefox
• Safari
• Brave

• Relevant plugins in case of a bug:

• Tested with theme:
  Blocksy

[pattonwebz]

Hey @oldrup,

Thanks for reporting this. I can replicate the highlighter button above the admin menu. I would expect it to work this way, but I am open to changing it if it is confusing for others.

@SteveJonesDev what do you think about lowering the z-index of highlighter buttons so they are under the admin bar?

[oldrup]

I just checked, the admin bar is z-index 99999, so lowering the z-index of the EDAC highlighter buttons to 99998, would do the trick. But would that place them below content created in various page builders with other arbitrary z-index values? 🤷‍♂️

"Fixing" this issue, might introduce new ones.

Is that what CSS layers are good for? I'm yet to dig into these shiny new features.