I'm in a fairly clean Drupal 11.2.2 / Drupal CMS environment. I installed the Civic Theme. I'm posting here because upon examination in the area I'm concerned about, there are "ct" styles, which I presume to be Civic Theme.
I created a test Basic Page. I made my way to Layout Builder and created a content section. I chose to "Add Block". I'm seeing an issue at the top of the off-canvas menu. It says, "Filter by block name" and it disrupts the "Announcements" submenu in the way it renders.
Here's the rendered HTML:
<div class="ct-field ct-theme-light ct-field--search ct-field--vertical form-item js-form-item js-form-type-search form-type-search form-type--search" data-component-id="civictheme:field">
It's interesting to me that there is an attribute for the label which says, "ct-visually-hidden". I wonder if the intention is for it to be hidden.
Create a basic D11 Drupal CMS environment. Create a basic page. Go to Layout Builder. Add a section, then add block to open the off-canvas menu.
Examining this style, I noticed that if I uncheck "all: revert;" it actually looks pretty good.
#drupal-off-canvas-wrapper *:where(:not(svg,svg *,.ck-reset *,[data-drupal-ck-style-fence] *,.ui-resizable-handle)) {
all: revert;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
line-height: 1.4;
}
I'm not sure if this label is supposed to be shown. I'm guessing not, because it doesn't seem to serve a purpose. If not, perhaps examine the CSS style I shared, or find a way to make it hidden.
Active
1.11
Code