Rerouted (regenerated, verified). Same repository and tag, but GitHub now builds the zip with different bytes, so it no longer matches the SHA-1 package.elm-lang.org recorded. The Lamdera package server serves a copy recovered from https://github.com/NoRedInk/noredink-ui.
What we checked: Tag 22.6.0 is still on github.com/NoRedInk/noredink-ui; its commit 7cae53f1af4b is from 2023-03-24 17:13 UTC, before the version was published (2023-03-27 14:55 UTC); elm.json is byte-identical to package.elm-lang.org's; the exposed modules match docs.json; the zip's SHA-1 is not the published one (GitHub's zip no longer comes out byte for byte the same), so the contents were checked instead.
The Lamdera compiler uses this copy and prints a one-line notice saying so. elm itself fails to download this version.
Details · package.elm-lang.org's zip: https://github.com/NoRedInk/noredink-ui/zipball/22.6.0/
Listen for when the focus leaves the area, and then do an action.
Use WhenFocusLeaves.toDecoder helper with the "keydown" event and prevent default.
Use this helper to add a focus watcher to an HTML element and define what to do in reponse to tab keypresses in a part of the UI.
The ids referenced here are expected to correspond to elements in the container we are adding the attribute to.
import Accessibility.Styled.Key as Key
import Nri.Ui.WhenFocusLeaves.V1 as WhenFocusLeaves
import Html.Styled.Events as Events
Events.on "keydown"
(WhenFocusLeaves.toDecoder
[ Key.escape CloseModal ]
{ firstId = "first-id"
, lastId = "last-id"
, tabBackAction = GoToLastId
, tabForwardAction = GoToFirstId
}
)
Use
WhenFocusLeaves.toDecoderhelper with the "keydown" event.