"Select one" text in Option element

[Valeria_A]

Hello!

I faced the issue, that option element doesnt show selected option, also, doesnt show “Select one” text in the beginning

I noticed this error only in Google, in Safari is ok

https://preview.webflow.com/preview/prism-learning-center?utm_medium=preview_link&utm_source=designer&utm_content=prism-learning-center&preview=8b941a56f4bec1d2766c6f1b79129ef7&pageId=656066f852b451c133a9ca83&locale=en&workflow=preview

Does anyone know how to solve it?

Thanks!

[Stan (justAnotherDeveloper)]

hi @Valeria_A there are several issues and all are related to WF.

1. option doesn’t show in any browser (except Safari). the reason is w-select element implicit height. once height is increased options will show.

2. another violating rules issue is that you have set label for checkboxes group (label above checkboxes). These groups of checkboxes should be in wrapped in<fieldset> but WF doesn’t offer this tag. Here is one possible way how to solve it.

Add fieldset and legend for grouping related form inputs using JS

Hi Michael, thanks for the reply! I just updated my post to include the read only link - essentially I have two collections that are sorting data from the ‘Decks’ collection. In the panel on the left I’m sorting through the names of the ‘Deck Categories’ and ‘Deck Tags’ - these checkboxes are generated via the names of items in each the ‘Deck Categories’ and ‘Deck Tags’ collections. I’m trying to create two groups for the checkboxes, one for the Categories, and another for the Decks, that woul…

3. placing option as first is as simple as drag it and move it on top. This first option should have attribute disabled but WF doesn’t offer this on option tag. What this mean is when someone forget to select an option the form will be validated (no error on select required) and form will be send with value select one

here is short video if will help understand