Tushen kayan aiki yana jin kamar ƙaramar matsalar UI da za ku iya samu. Su kanana ne kuma yawanci a ɓoye. Lokacin da wani ya tambayi yadda ake gina ɗaya, amsar gargajiya kusan koyaushe tana dawowa ta amfani da wasu laburare na JavaScript. Kuma na dogon lokaci, wannan ita ce shawara mai ma'ana. Ni ma na bi shi. A saman, kayan aiki mai sauƙi ne. Tsaya ko mayar da hankali kan wani abu, nuna ƙaramin akwati tare da wasu rubutu, sannan ɓoye shi lokacin da mai amfani ya ƙaura. Amma da zarar kun aika ɗaya zuwa masu amfani na gaske, gefuna sun fara nunawa. Masu amfani da allon madannai Tab a cikin maɗaukakin faɗakarwa, amma ba za su taɓa ganin tulin kayan aiki ba. Masu karanta allo suna sanar da shi sau biyu, ko a'a kwata-kwata. Tushen kayan aiki yana flicker lokacin da kake matsar da linzamin kwamfuta da sauri. Yana mamaye abun ciki akan ƙananan allo. Danna Esc baya rufe shi. Hankali ya ɓace. Bayan lokaci, lambar kayan aikina ta girma zuwa wani abu da ba na son in mallaka. Masu sauraren taron sun taru. Tsayawa da mayar da hankali dole ne a sarrafa su daban. dannawa waje ana buƙatar lokuta na musamman. Dole ne a kiyaye halayen ARIA tare da hannu. Kowane ƙaramar gyara ta ƙara wani nau'in dabaru. Dakunan karatu sun taimaka, amma kuma sun kasance kamar bakaken akwatuna na yi aiki a kusa da su maimakon cikakken fahimtar abin da ke faruwa a bayan fage. Wannan shine abin da ya tura ni duba sabuwar Popover API. Ina so in ga abin da zai faru idan na sake gina kayan aiki guda ɗaya ta amfani da ƙirar asalin mai binciken ba tare da taimakon ɗakin karatu ba. Kamar yadda muka fara, yana da kyau a lura cewa, kamar yadda yake tare da kowane sabon fasali, akwai wasu abubuwa tare da shi waɗanda har yanzu ana goge su. Wancan ya ce, a halin yanzu yana jin daɗin babban tallafin burauza, kodayake akwai guda da yawa ga API ɗin gaba ɗaya waɗanda ke cikin juzu'i. Yana da kyau a sa ido kan Caniuse a halin yanzu. The "Tsohon" Tooltip Kafin Popover API, amfani da ɗakin karatu na kayan aiki ba gajeriyar hanya ba ce. Shi ne tsoho. Masu bincike ba su da ra'ayi na asali na kayan aiki wanda ke aiki a cikin linzamin kwamfuta, madannai, da fasahar taimako. Idan kuna kula da daidaito, zaɓinku kawai shine amfani da ɗakin karatu, kuma shine ainihin abin da na yi. A babban matakin, ƙirar ta kasance koyaushe iri ɗaya ce: wani abu mai faɗakarwa, ɓoyayyun ɓangarorin kayan aiki, da JavaScript don daidaitawa biyun.
Laburaren ya yi amfani da wayoyi wanda ya ba da damar kashi don nunawa akan shawagi ko mayar da hankali, ɓoye akan barin blur ko linzamin kwamfuta, da sake matsayi/girmamawa akan gungurawa.
A tsawon lokaci, kayan aiki na iya zama mai rauni. Ƙananan canje-canje suna ɗaukar haɗari. Ƙananan gyare-gyare sun haifar da koma baya. Mafi muni, ƙara sabbin kayan aikin kayan aiki ya gaji irin wannan rikitarwa. Abubuwa sun yi aiki a zahiri, amma ba a taɓa jin an daidaita ko cikakke ba. Halin abubuwan ke nan lokacin da na yanke shawarar sake gina kayan aikin ta amfani da API ɗin Popover na asali. Lokacin da Na gwada Popover API Ban canza zuwa amfani da Popover API ba saboda ina so in gwada wani sabon abu. Na canza saboda na gaji da kiyaye halayen kayan aiki wanda na yi imani ya kamata mai binciken ya rigaya ya fahimta. Na yi shakka da farko. Yawancin sabbin APIs na yanar gizo suna yin alƙawarin sauƙi, amma har yanzu suna buƙatar manne, sarrafa harka, ko dabaru na koma baya wanda a hankali ya sake haifar da sarƙaƙƙiya iri ɗaya da kuke ƙoƙarin tserewa. Don haka, na gwada Popover API a mafi ƙaramar hanya mai yiwuwa. Ga yadda abin yayi kama:
1. Keyboard "Kawai Yana Aiki" Tallafin allon madannai ya dogara da yadudduka da yawa da ke yin layi daidai: dole ne a mai da hankali don jawo tip ɗin kayan aiki, blur ya ɓoye shi, Esc dole ne a haɗa shi da hannu, kuma lokaci yana da mahimmanci. Idan kun rasa akwati guda ɗaya, tip ɗin kayan aiki ko dai zai kasance a buɗe ko kuma ya ɓace kafin a karanta shi. Tare da saita sifa na popover zuwa auto ko manual, mai bincike yana ɗaukar abubuwan yau da kullun: Tab da Shift+Tab suna aiki akai-akai, Esc yana rufe tip ɗin kayan aiki kowane lokaci, kuma ba a buƙatar ƙarin masu sauraro.
Abin da ya ɓace daga maɓalli na sune masu sarrafa maɓalli na duniya, ƙayyadaddun dabarun tsaftacewa na Esc, da duban jihohi yayin kewayawa na madannai. Kwarewar madannai ta daina zama wani abu da zan kiyaye, kuma ya zama garantin mai bincike. 2. Screenreader Predictability Wannan shi nebabban cigaba. Ko da tare da aikin ARIA mai hankali, halayen sun bambanta, kamar yadda na bayyana a baya. Kowane ƙaramin canji ya ji haɗari. Yin amfani da popover tare da rawar da ta dace yana kama da kuma jin daɗin kwanciyar hankali da tsinkaya gwargwadon abin da zai faru:
Kuma ga wata nasara: Bayan sauyawa, Hasken Haske ya daina ba da alamar gargaɗin jihar ARIA ba daidai ba don hulɗar, musamman saboda babu sauran jihohin ARIA na al'ada don in yi kuskure ba da gangan ba.
3. Gudanar da Mayar da hankali Mai da hankali ya kasance mai rauni. A da, ina da dokoki kamar: bari mayar da hankali ya nuna kayan aiki, matsar da hankali cikin kayan aiki kuma kar a rufe, blur jawo lokacin da yake kusa da shi, da rufe kayan aiki da mayar da hankali da hannu. Wannan ya yi aiki har sai bai yi ba. Tare da Popover API, mai binciken yana aiwatar da tsari mafi sauƙi inda mai da hankali zai iya motsawa ta zahiri cikin popover. Rufe popover yana mayar da hankali ga abin da ke jawo, kuma babu wasu tarko da ba a iya gani ba ko lokacin da aka rasa. Kuma ban ƙara lambar mayar da hankali ba; Na cire shi.
Kammalawa Popover API yana nufin cewa kayan aiki ba wani abu bane da kuke kwaikwaya. Wani abu ne mai bincike ya fahimta. Buɗewa, rufewa, halayen madannai, Gudanar da Gudun Hijira, da babban ɗimbin damawa yanzu sun fito daga dandamalin kanta, ba daga ad-hoc JavaScript ba. Wannan baya nufin dakunan karatu na kayan aiki sun daina aiki saboda har yanzu suna da ma'ana ga tsarin ƙira mai rikitarwa, gyare-gyare mai nauyi, ko ƙuntatawa na gado, amma tsoho ya canza. A karon farko, mafi sauƙin kayan aiki kuma na iya zama mafi daidai. Idan kuna sha'awar, gwada wannan gwaji: Kawai maye gurbin kayan aiki guda ɗaya kawai a cikin samfur ɗinku tare da Popover API, kada ku sake rubuta komai, kar ku yi ƙaura gabaɗaya, sannan zaɓi ɗaya kawai ku ga abin da ya ɓace daga lambar ku. Lokacin da dandamali ya ba ku mafi kyawun al'ada, nasara ba kawai ƙananan layukan JavaScript ba ne, amma ƙananan abubuwa ne da yakamata ku damu da komai. Duba cikakken lambar tushe a cikin GitHub repo dina. Karin Karatu Don zurfafa zurfafa zurfafa cikin buguwa da APIs masu alaƙa:
"Poppin' In", Geoff Graham "Bayyana Dangantaka Tsakanin Popovers da maganganu", Zell Liew "Mene ne popover = ambato?", Una Kravets "Dokokin Masu Kira", Daniel Schwarz "Ƙirƙirar sanarwar Rufewa ta atomatik tare da Popover HTML", Preethi Buɗe UI Popover API Explainer "Pop(over) the Balloon", John Rhea "CSS Anchor Positioning", Juan Diego Rodríguez
MDN kuma yana ba da cikakkun takaddun fasaha don Popover API.
