diff --git a/src/uix/morfo/components/accordion.ts b/src/uix/morfo/components/accordion.ts index 5c27e4b76..53f4c1cd1 100644 --- a/src/uix/morfo/components/accordion.ts +++ b/src/uix/morfo/components/accordion.ts @@ -79,7 +79,13 @@ export const accordionMorfo = { { name: 'Item', kebab: 'item', - archetype: 'item', + // NO archetype: the Item is a disclosure CONTAINER, not an interactive + // list/menu row. `archetype: 'item'` pulled the `archetypes.css` + // list-row styling — `padding-block: 6px` plus its own `:hover` + // background — which fought the Trigger's hover: the item's fill + // (full row) and the trigger's fill (shorter) stacked into an uneven, + // banded hover that did not read as full-row. The interactive part is + // the Trigger, which carries `archetype: 'trigger'` and its own hover. kind: 'public', defaultElement: 'div', optional: false,