15:39:45 https://www.htmhell.dev/adventcalendar/2025/27 Replacing JS with just HTML 15:40:49 @basses:matrix.org: i really really want to integrate the popover pattern for dropdowns, it would improve the UX so much for them 15:40:54 only thing holding it back is that its not supported on ESR yet 15:43:13 ^ I have js-less dropdowns on blocks explorer :) 15:46:57 this? 15:46:59 https://mrelay.p2pool.observer/m/matrix.org/nuaYUzyCsnOISgpfXafDJgIx.png (clipboard.png) 15:47:06 https://blocks.p2pool.observer/ 15:48:16 yep, all of them 15:48:18 we basically want something so we can close the dropmenu for Download button here https://beta.monerodevs.org/downloads/ 15:48:31 @basses:matrix.org: without js 15:48:48 in mine clicking elsewhere (or focusing) not on the menu closes it 15:48:48 by clicking away 15:49:09 also for language selection icon at top-right 15:49:14 same on phone view 15:49:21 it also must be accessable - keyboard nav should trigger it 15:50:14 yeah, tabindex. sadly I set mine to -1 but it can be calculated for proper tabbing 15:50:26 currently using the details/summary pattern, which works but has the drawback of only being closable if you click on the button again 15:50:29 it works using that selection mode 15:55:50 im using a :focus-based pattern in the header dropdowns like on the Observer i assume, because those work on desktop with clickaway - and on mobile the header converts into a accordion-like structure, where that's not needed 15:55:50 I tried the same focus pattern on standalone dropdowns, it worked - but only on desktop - iOS didn't seem to respect :focus or :focus-active, so the dropdowns opened on desktop, but not on mobile