Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Focus required input like components on form submit #4681

Open
COV-GIS opened this issue Jun 3, 2022 · 5 comments
Open

Focus required input like components on form submit #4681

COV-GIS opened this issue Jun 3, 2022 · 5 comments
Labels
0 - new New issues that need assignment. blocked This issue is blocked by another issue. enhancement Issues tied to a new feature or request. estimate - 5 A few days of work, definitely requires updates to tests. p - low Issue is non core or affecting less that 10% of people using the library
Milestone

Comments

@COV-GIS
Copy link

COV-GIS commented Jun 3, 2022

Description

Focus required input like components on form submit like native HTML.

Blocked issues: #8126

Acceptance Criteria

As described.

Relevant Info

No response

Which Component

All input like components which can be required in a form.

Example Use Case

Native HTML like behavior would make forms more user friendly. The browser still points out the input is required but user has to navigate to focus the input.

@COV-GIS COV-GIS added 0 - new New issues that need assignment. enhancement Issues tied to a new feature or request. needs triage Planning workflow - pending design/dev review. labels Jun 3, 2022
@driskull
Copy link
Member

driskull commented Jun 3, 2022

Kind of related to #3406.

All form associated components need a highlighted error state for when they are invalid.

"Focus" isn't the right word because only one element can be focused at a time.

@COV-GIS
Copy link
Author

COV-GIS commented Jun 3, 2022

What I meant to say was focusing the first invalid required input.

https://codepen.io/COV-GIS/pen/JjpZaKO

If all invalid inputs magically had an invalid status and the first was focused that would be amazing. And the logical follow up behavior would be any input automatically reverting back to idle once its requirement was met.

@driskull
Copy link
Member

driskull commented Jun 3, 2022

Yep that makes sense to me 👍

@geospatialem geospatialem added p - low Issue is non core or affecting less that 10% of people using the library estimate - 5 A few days of work, definitely requires updates to tests. needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. and removed needs triage Planning workflow - pending design/dev review. labels Nov 6, 2023
@geospatialem geospatialem added this to the 2024 April Priorities milestone Dec 6, 2023
@geospatialem geospatialem removed the needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. label Dec 6, 2023
@brittneytewks brittneytewks added the needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. label Mar 25, 2024
@brittneytewks brittneytewks removed the needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. label Apr 3, 2024
@jcfranco
Copy link
Member

jcfranco commented Dec 2, 2024

This may depend on #8126. cc @geospatialem @benelan

@geospatialem
Copy link
Member

Blocked by #8126 per #4681 (comment)

@geospatialem geospatialem added the blocked This issue is blocked by another issue. label Dec 2, 2024
@geospatialem geospatialem removed this from the 2024-12-17 - Dec Milestone milestone Dec 2, 2024
@geospatialem geospatialem added this to the Stalled milestone Dec 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
0 - new New issues that need assignment. blocked This issue is blocked by another issue. enhancement Issues tied to a new feature or request. estimate - 5 A few days of work, definitely requires updates to tests. p - low Issue is non core or affecting less that 10% of people using the library
Projects
None yet
Development

No branches or pull requests

6 participants