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

feat: add a disabled/active mode to the submit button of import panel #2328

Closed
wants to merge 6 commits into from

Conversation

yohanboniface
Copy link
Member

cf #2302

Warning: I removed the historic width: 100% on all buttons, who knows where this will break? :p

Disabled:

image

Form valid:

image

@davidbgk
Copy link
Contributor

davidbgk commented Dec 3, 2024

It might be interesting to use the JavaScript native API for that? https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation#validating_forms_using_javascript

The disabled state doesn't look disabled enough (visually) to me. @Aurelie-Jallut some advices/good practices about it?

@yohanboniface
Copy link
Member Author

It might be interesting to use the JavaScript native API for that? https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation#validating_forms_using_javascript

I'm not sure, given that in reality what we check here is the "validity" (consistency?) of the whole form, not the validity of each field/value. Maybe a naming issue of the isValid method ?

Another step is needed to use this.elements instead of this.qs
The goal is to keep the form smaller, specifically to keep the
submit button visible as much as possible.
Let's make it simpler for new comers, and advanced users will know
where to click to change the behaviour.
@yohanboniface
Copy link
Member Author

Closed in favor of #2341

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants