Koodijoulukalenteri 2025

Hou, hou, tervetuloa vuoden 2025 koodijoulukalenteriin. Huomaathan, että avattuasi luukun voit kliksutella itsesi vielä syvemmälle luukun syövereihin.

Varoituksen sana: kooditontut huomaavat, jos kurkit luukkuihin etukäteen. Nukkumatin unihiekka päivittää kalenterin joka aamu huomaamattasi suunnilleen kello viisi, mutta voit varmuudeksi rynkytellä reloadia!

Kiltteystaso: viaton

Ponnahtavat ikkunat

Napin yläpuolelle on ponnahtanut potra popover-ikkuna

Erilaisten popuppien, popoverien, tooltippien, dialogien, overlay-molluskojen ynnä muiden tekeminen on ollut helvettiä niin kauan kuin muistan. Siksi Popperin (nykyinen Floating UI) kaltaisille kirjastoille on ollut (ja on varmasti vieläkin) kysyntää.

Selaimen oma Popover API saavutti alkuvuonna 2025 baseline-tason. Rajapinta näyttää lupaavalta, joten ehkä pääsemme kammottavista popover-himmeleistä eroon seuraavien vuosien kuluessa!

Popoverin voi väitetysti yhdistää dialog-elementtiin, ja sillä tavalla myös modaalisten popoverien pitäisi päästä kokemaan syntymän ihme!

Ankkuripositiointi on käytettävissä popoverien ulkopuolellakin, mutta se liittyy näihin aika kiinteästi, joten asukoon sekin tässä luukussa.

Alhaalta löydät esimerkkirävellykseni. Se on tosi köpöinen, koska koodijoulukalenterin luukkusivu on vanhan liiton modaali-virveli. En osannut refaktoroida sitä uusien hienojen rajapintojen päälle, joten popoverit toimivat luukun sisällä vähän huonosti.

Hoo, olen popover blur backdropilla, ankkuroitu namiskaani. Menen pois painamalla nappia uudelleen.