fix(studio): grow the ease target only where the segment has room

The 24x24 WCAG 2.5.8 overlay sits on a wrapper that outranks the diamonds,
so on a segment narrower than 24px it overhung them and won their hit test at
fit zoom. Gate the overlay on the clear span between the two diamonds and let
the button keep its 16x16 box below that.

Also renames the pointer target suite to say it asserts the classes that
produce the size, not the measured geometry, which happy-dom cannot see.
This commit is contained in:
Miguel Angel Simon Sierra
2026-07-28 18:01:46 +02:00
parent bb24d0037a
commit b82506363f
3 changed files with 30 additions and 5 deletions
@@ -33,7 +33,7 @@ function mount(element: React.ReactNode) {
return host;
}
describe("pointer target size (WCAG 2.5.8)", () => {
describe("pointer target sizing classes (proxy for WCAG 2.5.8, not a geometry check)", () => {
it("gives the timeline zoom slider a 24px box without changing its 2px track or 10px thumb", () => {
const host = mount(<TimelineToolbar />);
const slider = host.querySelector<HTMLInputElement>('input[aria-label="Timeline zoom"]');