Hide field, search and chip text with md-visually-hidden again

Plan step 36 review. 52fd65a3 replaced the md-visually-hidden class on
field's spoken counter, search's result count and a bound filter chip's
native checkbox with hooks carrying copies of its clip, on the reading
that a package view writes no class but the interaction classes. The
brief and step 34 let a view write the text classes too, and one shared
source beats three copies: the class is back, the copies and the
data-md-field-live and data-md-chip-native hooks are gone
(data-md-search-status predates them and stays). chip.css keeps its
tooltip.css import.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9
This commit is contained in:
Andreas Reinhold / reini
2026-09-14 19:31:39 +02:00
co-authored by Claude Opus 5
parent a3eef657cc
commit e3fcbf39ed
9 changed files with 6 additions and 52 deletions
-16
View File
@@ -195,22 +195,6 @@
pointer-events: none;
}
/* A filter chip bound with `x-model` keeps a real, focusable `<input type="checkbox">` under the
label for its native semantics and `:has(:checked)`, visually hidden the way `md-visually-hidden`
hides text — a hook, not a class, because a package view writes no class but the interaction
classes (plan step 36). */
[data-md-chip-native] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
}
/* ---- Contents ------------------------------------------------------------------------------ */
[data-md-chip-label] {
-15
View File
@@ -408,21 +408,6 @@
color: var(--md-sys-color-error);
}
/* The counter's spoken form: the same visually-hidden clip the text classes give
`md-visually-hidden`, kept as a hook because a package view writes no class but the
interaction classes (plan step 36). */
[data-md-field-live] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
}
/* ---- The filled text field ---------------------------------------------------------------- */
[data-md-field][data-md-variant='filled'] [data-md-field-box] {
-15
View File
@@ -304,19 +304,4 @@
letter-spacing: var(--md-sys-typescale-body-md-tracking);
font-variation-settings: normal;
}
/* The result count's spoken form: the same visually-hidden clip the text classes give
`md-visually-hidden`, kept as a hook because a package view writes no class but the
interaction classes (plan step 36). */
[data-md-search-status] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
}
}