Select2 accessibility issue on auto generated input field - accessibility

I am using a select2 dropdown which dynamically creates an input field to search the options. Is there anyway I can give the aria-label/ explicit label to make this element more accessible?

Related

Prevent form autocomplete from changing background color of input fields

I am creating a form with MaterialUI and React. When I populate the form manually I get the expected styling:
However if I use Chrome's autocomplete, the styling is changed as so:
Is there any way to prevent this behaviour? I don't want to lose the autocomplete functionality.

Why does button component in WP editor keep rendering anchor tag in front-end?

I am in the process of developing a block based form plugin for WP. The main form block will support nested blocks - the button core component being one of them.
Problem is that whenever I include the button component, the thing that gets rendered in the front-end is an anchor tag instead. I checked - the link & anchor options are empty in the button sidebar options (in editor).
So shouldn't a button have been rendered instead? What am I missing here?
The official Wordpress reference guide states the following -
The presence of a href prop determines whether an anchor element is rendered instead of a button.
Props not included in this set will be applied to the a or button element
Source: https://developer.wordpress.org/block-editor/reference-guides/components/button/#props)
Also, is there any way to disable the anchor options when I am inserting a button component inside my form?
Wordpress version: 5.8
The core/button block only renders an <a> tag. You can see for yourself in the source code. The core/button block was not intended to create an actual <button> element (for submitting a form like in your example).
What you'll need to do is create your own custom block that does output a <button> HTML element.

Is it possible to set a drop down widget to be required?

Was wondering if it was possible to have a drop down widget in app maker be required. In other words, users could not click submit unless they had selected a value from a down down menu. Kind of like how validation on text boxes.
When looking at the property editor for a drop down widget I don't see anything that will allow me to set the above requirement out of the box.
Below is the property editor for a drop down, you will notice there is no validation options.
Below that is the text box property editor with the validation option expanded. I basically need the same functionality for my drop down menu.
If anyone dealt with a similar issue I would appreciate any input.
Of course you have that option.
Look under DropDown menu you will find option called allowNull, deselect that option. Also select validationDisplay check box from 'Other' menu and users will have to choose from a drop down menu always.
Below are the screen for your reference,
Dropdown menu allowNull option,
Other menu validationDisplay option,

Removing drop-down arrow from a Lookup Field on an Access form

I know this is a low level question, but I am "annoyed" that on my forms which are for read only purposes, i cannot figure out how to remove the drop down Arrow box on fields which are linked to a list of records..
Does anyone know if this can be done??
If you have a Lookup Field in Access and in the Design View of a form you drag it from the field list onto a form you'll get a Combo Box control. Combo Boxes have the little drop-down arrow tacked onto the end.
To get rid of the drop-down arrow simply replace the Combo Box control with a Text Box control. That is, create a Text Box control on the form and set its Control Source property to the name of the lookup field, then delete the Combo Box control. The Text Box control will display the selected value(s) of the lookup field but will not allow you to edit them.
There is an easier method than Gord Thompson's. This is in Access 2010 and may be applicable to other versions. In either Design or Layout View, right click on the combo box control and go to "Change To" then select text box.

How to align elements inside a form

Calling out to css masters at SO!
I have a form that's created with gravity forms.
The logical order of all input fields in the code is
1) Radiobuttons
2) All string/text inputs
3) textarea
I'm trying to make it so that a tab from radiobuttons leads the user to the textarea, and then to the other text input fields but that messed up the looks =\
Any ideas on what I could do?
Try keeping your original layout, but use tab order to set the order in which the tabbing happens:
http://webcheatsheet.com/HTML/controll_tab_order.php

Resources