rancher / dashboard

The Rancher UI
https://rancher.com
Apache License 2.0
450 stars 257 forks source link

Vue3: Cloud Credentials 'create' button stays disabled when required values are filled #12054

Open yonasberhe23 opened 1 day ago

yonasberhe23 commented 1 day ago

Setup

Describe the bug Cloud Credentials 'create' button stays disabled when required values are filled. The user must remove focus from the name input field for the 'create' button to be enabled.

To Reproduce

  1. go to cluster manager
  2. go to cloud credential creation form (manager/cloudCredential/create)
  3. select any cloud provider (i used aws)
  4. fill in all fields and the Credential Name field last
  5. notice the 'create' button is disabled
  6. remove focus from the name input field
  7. notice the 'create' button is enabled

Result Cloud Credentials 'create' button stays disabled when required values are filled.

Expected Result Cloud Credentials 'create' button is enabled when required values are filled.

Screenshots

https://github.com/user-attachments/assets/f2fa0756-b009-4935-a0c3-7c39e5e6dff0

Additional context

yonasberhe23 commented 1 day ago

this scenario is already automated (cypress/e2e/tests/pages/manager/cloud-credentials.spec.ts -> can create aws cloud credentials)

rak-phillip commented 1 day ago

Order does, indeed matter here. The regression might be related to validation.