question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

"Disabled" prop does not disable buttons as expected

See original GitHub issue

Not Working

When disabling a button or form via disabled, as documented, the inputs get disabled properly. The buttons however do not get disabled as expected. This applies to submit buttons in forms, as well as single buttons.

Screenshot 2022-04-28 at 21 59 02

Working

When setting disabled="true" it is working as expected.

Screenshot 2022-04-28 at 21 59 16

FormKit Vue Playground link:

https://formkit.link/38d955e9fa4f6841f48a5a5dec58d109

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:8 (8 by maintainers)

github_iconTop GitHub Comments

1reaction
luan-nk-nguyencommented, Aug 16, 2022

@dominikklein Ah yes so this bug report already exists: https://github.com/formkit/formkit/issues/236.

You can actually do this in the meantime: https://formkit.link/263d488b49df210f82dbd27149210e1b as mentioned in the issue.

1reaction
justin-schroedercommented, May 4, 2022

This one is a little clearer so I’m going to keep this one and close the other — but will target for beta.7

Read more comments on GitHub >

github_iconTop Results From Across the Web

Check that button is disabled in react-testing-library
If a button is disabled, a user doesn't see a disabled prop, instead they see ... You can test the disable prop of...
Read more >
toHaveAttribute('disabled') and .toBeDisabled() #325 - GitHub
I am using Button from @material-ui/core, and my test have different output depending of which assert method I use. Initially button is ......
Read more >
react testing library button disabled - You.com | The AI Search ...
I have found a solution : you can set the columnBuffer prop of the datagrid. ... Test passing for button disabled when it...
Read more >
How to check a button is disabled using Cypress
and this will allow me to check if buttons are disabled or not. Didn't even need to use the "expect" route.
Read more >
The Disabled Attribute in React Buttons - Upmostly
Despite having the onClick attribute set, the first button doesn't log anything to the console when clicked. The disabled attribute prevents the onClick ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found