[random test failure] NavigationBlockUiTest::testNavigationBlockAdminUiPage failing

This may be caused by 🐛 Navigation layout Drag is not working in some browers Active .

I'm going to try and track it down locally while in the contrib room

It failed on my first try:

WebDriver\Exception\UnknownError: unknown error: Element <a href="/layout_builder/choose/block/navigation/navigation.block_layout/0/content" class="use-ajax layout-builder__link layout-builder__link--add" data-dialog-type="dialog" data-dialog-renderer="off_canvas" data-once="ajax">...</a> is not clickable at point (131, 178). Other element would receive the click: <li class="toolbar-menu__item toolbar-menu__item--level-1">...</li>
  (Session info: headless chrome=124.0.6367.119)
  (Driver info: chromedriver=2.36.540469 (1881fd7f8641508feb5166b7cae561d87723cfa8),platform=Mac OS X 10.16.0 x86_64)

Context for the error

          <div class="toolbar-popover__wrapper" data-toolbar-popover-wrapper="" inert="true">
                          <a href="/admin/config" title="Administer settings." class="toolbar-popover__header toolbar-button toolbar-button--large toolbar-button--dark" data-drupal-link-system-path="admin/config" tabindex="-1" data-once="toolbar-menu-link">Configuration</a>
                        <ul class="toolbar-menu toolbar-popover__menu">
                              <li class="toolbar-menu__item toolbar-menu__item--level-1">
                  <button class="toolbar-button toolbar-button--expand--down" data-toolbar-menu-trigger="1" aria-expanded="false" data-index-text="s" tabindex="-1" data-once="toolbar-menu-trigger">
            <span class="toolbar-menu__link-action visually-hidden">Extend</span>
            <span class="toolbar-menu__link-title">System</span>
          </button>
          <ul class="toolbar-menu toolbar-menu--level-2" inert="">
                            <li class="toolbar-menu__item toolbar-menu__item--level-2">
                  <a href="/admin/config/system/site-information" class="toolbar-menu__link toolbar-menu__link--2" data-index-text="b" tabindex="-1" data-once="toolbar-menu-link">Basic site settings</a>
              </li>
                    <li class="toolbar-menu__item toolbar-menu__item--level-2">
                  <a href="/admin/config/system/cron" class="toolbar-menu__link toolbar-menu__link--2" data-index-text="c" tabindex="-1" data-once="toolbar-menu-link">Cron</a>
              </li>
      
          </ul>

These are under Configuration but somehow being considered even though they're not visible

I was able to get a screenshot showing the elements are blocking the click. I didn't catch what the CSS was.

It's due to the content preview. Quick fix is to turn it off and open a follow up for fixing.

Looks good to stop the random failure, we can fix the overlap issue with content preview on in a follow-up I think.

Agreed. There's some CSS wrangling that will be needed in 🐛 Content preview blocks ability to click "Add block" link due to invisible menu items Active

Committed c27cc9b and pushed to 11.x. Also cherry-picked to 11.0.x, 10.4.x and 10.3.x. Thanks!

Adding to the meta, according to How to deal with a random test failure →

Automatically closed - issue fixed for 2 weeks with no activity.