O mea faigaluega e lagona e pei o le faʻafitauli laʻititi UI e mafai ona e maua. E laiti ma e masani ona natia. Pe a fesili se tasi pe faʻafefea ona fausia se tasi, o le tali masani e toetoe lava a toe foʻi mai i le faʻaaogaina o se faletusi JavaScript. Ma mo se taimi umi, o le fautuaga atamai lena. Sa ou mulimuli foi i ai. I luga ole laiga, o se meafaigaluega e faigofie. Fa'ae'e pe taula'i i se elemene, fa'aali se tama'i atigipusa ma ni tusitusiga, ona nana lea pe a alu ese le tagata fa'aoga. Ae o le taimi lava e te lafoina ai se tasi i tagata faʻaoga moni, e amata ona faʻaalia pito. Tagata fa'aoga keyboard Fa'amau i totonu o le fa'aoso, ae aua lava ne'i va'ai i le mea faigaluega. E fa'ailoa faalua e le au faitau mata, pe leai. E emo le mea faigaluega pe a vave ona e fa'agaoioi le isumu. E fa'apipi'i mea i luga o lau laiti. Oomiina Esc e le tapunia ai. E leiloa le taulaiga. I le aluga o taimi, na tupu aʻe laʻu mea faigaluega faʻailoga i se mea ou te le toe manaʻo e toe umia. Na faaputuputu tagata faalogologo i mea na tutupu. O le fa'ae'e ma le taula'i sa tatau ona taulimaina eseese. O kiliki i fafo e manaʻomia ni faʻamatalaga faʻapitoa. O uiga ARIA sa tatau ona fa'amaopoopo i le lima. O mea laiti uma e fa'aopoopoina se isi vaega o le fa'atatau. Sa fesoasoani faletusi, ae sa pei foi o pusa uliuli sa ou galue ai nai lo le malamalama atoatoa i le mea o loo tupu i tua atu o vaaiga. O le mea lena na tuleia ai aʻu e tilotilo i le Popover API fou. Na ou fia vaʻai poʻo le a le mea e tupu pe a ou toe fausia se meafaigaluega e tasi e faʻaaoga ai le faʻataʻitaʻiga masani a le browser e aunoa ma le fesoasoani a se faletusi. A o tatou amata, e taua le matauina, e pei o soʻo se mea fou, o loʻo i ai nisi o mea o loʻo faʻaauau pea ona auli. Na faapea mai, o loʻo fiafia nei i le lagolago tele o suʻesuʻega, e ui lava e tele vaega i le API atoa o loʻo faʻafefe. E aoga le va'ava'ai i Caniuse i le taimi nei. Le "Tuai" Tooltip A'o le'i faia le Popover API, o le fa'aaogaina o se faletusi meafaigaluega e le'o se ala 'alo. O le faaletonu. E leai se manatu fa'ale-aganu'u a tagata su'esu'e e uiga i se meafaigaluega e galue i luga o le isumu, keyboard, ma tekinolosi fesoasoani. Afai e te popole i le saʻo, naʻo lau filifiliga o le faʻaaogaina o se faletusi, ma o le mea tonu lena na ou faia. I se tulaga maualuga, o le mamanu e tutusa lava: o se elemene faʻaoso, o se mea faigaluega natia elemene, ma le JavaScript e faʻamaopoopo mea e lua.
Na fa'atautaia e le faletusi le uaea e mafai ai ona fa'aalia le elemene i luga o le fa'afefe po'o le taula'i, natia i luga o le faanenefu po'o le fa'asolo o isumu, ma toe fa'asolo/fa'alelei i luga o le ta'ai.
I le aluga o taimi, e mafai ona vaivai le mea faigaluega. O suiga laiti na o'o ai i tulaga lamatia. O nai teuteuga laiti na mafua ai le solomuli. O le mea e sili ona leaga, o le fa'aopoopoina o mea faigaluega fou na maua ai le lavelave tutusa. Na lelei mea faʻapitoa, ae e leʻi lagona le faʻamalieina pe atoatoa. O le tulaga lena o mea ina ua ou filifili e toe fausia le meafaigaluega e faʻaaoga ai le Popover API o le browser. Le Taimi Sa ou Tofotofoina Le Popover API Ou te leʻi sui i le faʻaaogaina o le Popover API ona sa ou manaʻo e faʻataʻitaʻi i se mea fou. Na ou sui ona ua ou fiu i le tausia o le mea faigaluega o le mea na ou talitonu ua uma ona malamalama i ai le browser. Sa ou masalosalo i le taimi muamua. Ole tele ole upegatafa'ilagi API o lo'o folafola mai le faigofie, ae mana'omia pea le kelu, fa'aogaina mata-mata, po'o le fa'afo'i manatu e toe fa'afo'i filemu le lavelave tutusa lea na e taumafai e sola ese ai. O lea, sa ou taumafai i le Popover API i se auala sili ona laʻititi e mafai. O foliga ia:
1. O le Keyboard “Na o le Galulue” O le lagolago o le keyboard e fa'alagolago i le tele o laulau o lo'o laina sa'o: taula'i e fa'aoso le mea faigaluega, faanenefu e nana, Esc e tatau ona vili lima, ma e taua le taimi. Afai na e misia se mata'itusi e tasi, o le mea faigaluega e tumau pea matala umi pe mou atu a'o le'i mafai ona faitau. Faatasi ai ma le uiga popover ua seti i le taʻavale poʻo le tusi lesona, e faʻaaogaina e le suʻesuʻega mea faʻavae: Tab ma Shift+Tab e amio masani, Esc tapuni le meafaigaluega i taimi uma, ma e leai se isi faʻalogo e manaʻomia.
O le mea na mou atu mai la'u codebase o le aufaipisinisi autu o le lalolagi, Esc-specific cleanup logic, ma siaki a le setete i le taimi o le ta'avale keyboard. O le aafiaga o le keyboard na le toe avea ma se mea e tatau ona ou tausia, ma na avea ma se faʻamaoniga o le browser. 2. Va'aiga Va'ai Va'aiga O le mea leasili ona faaleleia. E oo lava i le galue ma le faaeteete ARIA, e ese le amio, e pei ona ou otooto atu muamua. O suiga laiti uma na lagona le lamatia. O le fa'aogaina o se popover ma se matafaioi sa'o e foliga ma e sili atu ona mautu ma fa'amoemoeina e tusa ai ma le mea o le a tupu:
Ma o le isi manumalo lenei: Ina ua uma le ki, na taofi e le Lighthouse le faʻailogaina o lapataiga a le setete ARIA le saʻo mo fegalegaleaiga, aemaise lava ona e le o toe iai ni aganuʻu ARIA mo aʻu e sese faʻafuaseʻi.
3. Pulega Taulai O le taulai sa masani ona maaleale. I le taimi muamua, sa i ai aʻu tulafono e pei o: tuʻu faʻaoso faʻaalia e faʻaalia ai meafaigaluega, faʻagaioi le taulaiga i meafaigaluega ma aua le tapuni, faʻafefe faʻaoso pe a latalata tele, ma tapuni meafaigaluega ma toe faʻafoʻi lima lima. Na galue lenei mea seia oʻo ina leai. Faatasi ai ma le Popover API, o le suʻesuʻega e faʻamalosia se faʻataʻitaʻiga faigofie lea e mafai ai ona sili atu le taulaʻi i totonu o le popover. O le tapunia o le popover e toe fa'afo'i ai le taula'i i le fa'aoso, ma e leai ni mailei e le vaaia po'o ni taimi ua leiloa. Ma ou te leʻi faʻaopoopoina le faʻasologa o le toe faʻafoʻisia; Na ou aveesea.
Fa'ai'uga O le Popover API o lona uiga o mea faigaluega e le o se mea e te faʻataʻitaʻiina. O se mea e malamalama i ai le suʻega. Tatala, tapuni, amio o le piano, Sola ese, ma le tele o le avanoa e sau mai le tulaga lava ia, ae le o le ad-hoc JavaScript. E le fa'apea ua le toe aoga faletusi o meafaigaluega aua e talafeagai lava mo faiga lavelave o mamanu, faiga masani mamafa, po'o tapula'a fa'aleaganu'u, ae ua suia le faaletonu. Mo le taimi muamua, o le meafaigaluega sili ona faigofie e mafai foi ona sili ona sa'o. Afai e te fia iloa, taumafai le faʻataʻitaʻiga lenei: Naʻo le sui na o le tasi meafaigaluega i lau oloa i le Popover API, aua le toe tusia mea uma, aua le faimalaga i se faiga atoa, ae naʻo le filifili se tasi ma vaʻai po o le a le mea e mou atu mai lau code. A tuʻuina atu e le faʻavae ia te oe se mea sili atu ona lelei, o le manumalo e le naʻo ni nai laina o le JavaScript, ae e itiiti mea e tatau ona e popole i ai. Siaki le faʻamatalaga puna atoa i laʻu GitHub repo. Faitau atili Mo su'ega loloto atu i popovers ma API fa'atatau:
"Poppin' In", Geoff Graham "Faʻamalamalamaina o le Soʻotaga i le va o Popovers ma Dialogs", Zell Liew “O le a le popover=hint?”, Una Kravets "Poloaiga Fa'atonu", Daniel Schwarz "Fausiaina o se Faʻamatalaga Tapuni-Aunoa ma se HTML Popover", Preethi Tatala UI Popover API Fa'amatala “Pop(i luga) o Palone”, John Rhea "CSS Taula Tulaga", Juan Diego Rodríguez
O lo'o ofoina atu fo'i e le MDN fa'amaumauga fa'apitoa fa'apitoa mo le Popover API.
