Conflict with admin toolbar module

Thanks for the report @pmagunia. I have it working with the gin toolbar but hadn't tested with this.

@pmagunia, I'm unable to replicate the issue using Claro and the admin_toolbar module in 9.5.10 (screenshot attached).

Can you provide more information about this? Ie. if you inspect, does the #toolbar-bar div have the default z-index value of 502? And does your #fullscreeneditor div have the following css rules:

#fullscreeneditor {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
}

Thanks for the quick reply.

We are using admin_toolbar 3.3.2 and Drupal 9.5.10.

I see this line in the older version of the admin_toolbar we are using:

#toolbar-bar {
  z-index: 100000;
}

https://git.drupalcode.org/project/admin_toolbar/-/blob/3.3.2/css/admin....

Our Drupal report is not explicitly saying its no longer supported, but there is a newer version on the Drupal.org admin_toolbar page.

I couldn't upgrade to admin_toolbar to the latest version due to some dependencies.

I thought it would be easier to patch here.

Not sure its acceptable.

I think it would make more sense to patch the admin_menu module in this case - in admin_menu version 3.4.0 → the rule in question was removed (after it was added in 3.3.1 → ). So this is an issue caused by an extremely aggressive CSS rule that was subsequently deemed to be a bad idea.

You can easily patch the admin menu module by removing the first rule in the admin.toolbar.css file (added in issue https://www.drupal.org/node/3335841 → ):

#toolbar-bar {
  z-index: 100000;
}