aksel icon indicating copy to clipboard operation
aksel copied to clipboard

DismissableLayer-API

Open KenAJoh opened this issue 11 months ago • 2 comments

Description

DismissableLayer er basert på API-et fra Radix som samler implementasjon brukt i ulike "overlays"/"floating"-elementer. Målet til utility-komponenten er å enkelt kunne bruke denne i f.eks popover, tooltip, combobox, dropdown etc for å håndtere Escape-keydown, outside click etc

Endringene fra Radix sin implementasjon er bruken av vår descendantprovider + noen forenklinger. Har prøvd å legge til kommentarer på en del av funksjonaliteten da mye ved første øyenkast virker litt i overkant komplekst/unødvendig. Men har testet å forenkle features til/fra og funnet at de fleste har en god grunn for å eksistere.

Har ikke fått testet i praksis enda, men skal i teorien også kunne brukes for å håndtere outsideclick på Modal + tilfeller der man har flere lag med dismissable layers. F.eks dropdown med den dropdown vil fungerer riktig da bare "øverste" dropdown lukkes med Escape etc

KenAJoh avatar Mar 21 '24 11:03 KenAJoh

⚠️ No Changeset found

Latest commit: 4a146ecf5654da44bae1735e277fd871eb0cf45e

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

changeset-bot[bot] avatar Mar 21 '24 11:03 changeset-bot[bot]

Storybook demo

Endringer til review: 2

da480b40d | 63 komponenter | 204 stories

github-actions[bot] avatar Mar 21 '24 11:03 github-actions[bot]