Deze pagina is vertaald door de Cloud Translation API.

Bevindingen uit het aanpasbare formulier voor het selecteren van een verzoek om feedback van ontwikkelaars

Adam Argyle

Gepubliceerd: 16 december 2024

In september vroegen we om uw feedback over de experimentele, aanpasbare selectiefunctie. De feedback die u deelde, omvatte gebruiksscenario's (bijvoorbeeld ontwerpsystemen, keuzelijsten met invoervak), gedachten over de invoermodus van de API en feedback over basisstijlen. Zorgen waren onder meer toegankelijkheid, browsercompatibiliteit, de behoefte aan zoekfunctionaliteit en de wens voor ondersteuning voor meerdere selecties. Het lijkt erop dat u de API graag in productie wilt gebruiken, maar dat u enkele bedenkingen en specifieke functieverzoeken heeft.

Al deze informatie is door Chrome-technici en -managers gebruikt om weloverwogen beslissingen over de functie te nemen. In dit bericht worden de belangrijkste punten uit elk van de vragen in de aanpasbare selectie-enquête gedeeld.

Wat zou jij bouwen met deze nieuwe API?

Er werd een verscheidenheid aan gebruiksscenario's gedeeld, over het algemeen omvatten deze:

Ontwerpsysteemcomponenten bouwen : creëer geselecteerde componenten voor hun ontwerpsystemen, waardoor consistentie en aanpasbaarheid in hun projecten wordt gegarandeerd.
Verschillende soorten selectors maken : zaken als taalselectors, landselectors, selectors voor gebruikersrechten en meer.
Bestaande geselecteerde elementen verbeteren : verbeter bestaande geselecteerde elementen met functies zoals afbeeldingen, SVG's en een rijkere stijl.
Aangepaste geselecteerde implementaties vervangen : vervang op maat gemaakte geselecteerde componenten door een gestandaardiseerde, native oplossing.
Combinatievakken en aangepaste kiezers bouwen : complexere functies zoals keuzelijsten met invoervak, aangepaste kiezers voor telefoonnummers, tijdzones, valuta's en andere gegevenstypen.
Verbetering van formulier-UI's : verbeter formulieren door visueel aantrekkelijkere en functionelere geselecteerde elementen te creëren.

Deze reacties benadrukken de veelzijdigheid van de nieuwe API en het potentieel ervan om de gebruikerservaring en ontwikkelingsefficiëntie voor een breed scala aan webapplicaties te verbeteren.

Bent u van plan deze API in productie te gebruiken zodra deze de Baseline breed beschikbaar heeft gemaakt?

Heb jij de nieuwe API geprobeerd? Zo ja, kon je ermee bouwen wat je wilde?

Wat vindt u van de invoermodus voor aanpasbare selectie ( `appearance: base-select` op het `<select>` -element en `::picker(select)` )

Feedback over deze invoermodus is gemengd:

Sommigen vinden de aanpak acceptabel, redelijk of zelfs beter dan de huidige situatie. Ze zien het als een "logische" of "fijne" manier om het <select> -element geleidelijk te verbeteren.
Anderen uiten verwarring of vinden de syntaxis lastig. Het gebruik van twee eigenschappen ( appearance: base-select en ::picker(select) ) wordt als overbodig of onnodig beschouwd. Er zijn zorgen over de naamgeving ( base-select kan misleidend zijn) en mogelijke verwarring voor nieuwkomers die niet bekend zijn met de onderliggende concepten.
Een paar respondenten stellen alternatieve benaderingen voor, zoals het gebruik van een enkele eigenschap of selector, of het geheel vermijden van de eigenschap appearance .

Hoewel sommige respondenten zich over het algemeen op hun gemak voelen met de huidige invoermodus, vinden anderen deze verwarrend of stellen ze verbeteringen voor ter wille van de duidelijkheid en eenvoud. Deze feedback benadrukt het belang van duidelijke documentatie en voorbeelden om ontwikkelaars te begeleiden bij het effectief gebruik van de nieuwe API.

Heeft u feedback over de bestaande basisstijlen (user-agent) voor aanpasbare selectie?

Sommige respondenten vinden de stijlen acceptabel of goed, terwijl anderen specifieke kritiek of suggesties hebben. Enkele feedbackpunten zijn:

Het vinkje is niet mooi of kan eenvoudiger.
Er is niet genoeg ruimte voor een vinkje naast items.
De basisstijlen zien er krap uit, de focusring is afgesneden en er is geen opening tussen het aangevinkte pictogram en de tekst.
De stijlen kunnen dichter bij de stijl van het besturingssysteemplatform of een <dialog> -element liggen.
De standaardpijl moet naar beneden wijzen en naar boven draaien wanneer deze open is.
Mogelijk is een reset nodig om de basisstijlen van user-agents te verwijderen.

Heeft u vragen, opmerkingen of opmerkingen over deze functie?

Er was een verscheidenheid aan feedback, vragen en zorgen over de nieuwe, aanpasbare Select API. Enkele van de belangrijkste thema’s zijn:

Toegankelijkheid : Verschillende respondenten uitten hun zorgen over de toegankelijkheid, vooral met schermlezers en toetsenbordnavigatie.
Multi-select- en comboboxen : Er is een sterk verlangen naar multi-select-functionaliteit en combobox-ondersteuning.
Zoekfunctionaliteit : De mogelijkheid om binnen de geselecteerde opties te zoeken is een gevraagde functionaliteit.
Styling en browsercompatibiliteit : er zijn zorgen geuit over stijlopties, browsercompatibiliteit en de noodzaak om CSS opnieuw in te stellen.
Implementatiedetails : er zijn vragen gesteld over specifieke implementatiedetails zoals focusvergrendeling, weergavegedrag en aangepaste onderliggende items.
Algemene feedback : sommige respondenten deelden algemene feedback, zoals de wens voor een eenvoudigere API-invoermodus en de mogelijkheid om buiten de Chrome-browser te renderen.

Over het geheel genomen benadrukt de feedback de behoefte aan verbeterde toegankelijkheid, extra functies zoals multi-select en zoeken, en duidelijke richtlijnen over styling en browsercompatibiliteit.

Is er nog een andere feedback die u wilt toevoegen?

Belangrijke thema's uit de gedachten en suggesties van respondenten zijn onder meer:

Verlangen naar multi-select- en combobox-functionaliteit : Meerdere respondenten vragen specifiek om de toevoeging van multi-select- en combobox-mogelijkheden.
Belang van toegankelijkheid : Sommige respondenten benadrukken de noodzaak van voortdurende aandacht voor toegankelijkheidsfuncties.
Positieve feedback en functieverzoeken : Sommigen uiten hun enthousiasme over de API en bieden suggesties zoals een zoekoptie of de mogelijkheid om ondersteuning te detecteren met @supports .
Specifieke gebruiksscenario's : een paar respondenten noemen specifieke gebruiksscenario's die ze graag ondersteund zouden zien, zoals weergave buiten de Chrome-browser of het toestaan van aangepaste waarden binnen het <select> -element.
Algemene opmerkingen : Sommige zijn algemeen lovend of drukken de wens uit voor een consistente weergave in alle browsers.

Over het geheel genomen versterkt deze feedback de vraag naar multi-select- en combobox-functies, benadrukt het belang van toegankelijkheid en biedt het aanvullende inzichten in mogelijke gebruiksscenario's en gebieden voor verbetering.

We bedanken iedereen nogmaals en hopen dat deze samenvatting van de communityfeedback zowel uitvoerders als ontwikkelaars goed vindt, en helpt bij een beter aanpasbare selectie-ervaring voor zowel gebruikers als ontwikkelaars.