Off canvas dialog "ct-label" renders poorly in Drupal CMS

Created on 30 July 2025, 2 days ago

Problem/Motivation

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.

Steps to reproduce

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;
}

Proposed resolution

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.

Remaining tasks

User interface changes

Introduced terminology

API changes

Data model changes

Release notes snippet

πŸ› Bug report
Status

Active

Version

1.11

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States rraney

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024