Disabled attribute fails in fw-button

Hi Team,

Facing an issue with disabling the fw-button.
Even if the button is disabled it’s still clickable.

Can I come to know why it’s not working properly?

You can find the snippet below

  <fw-button disabled id="nxtBtn" color="primary"> Next </fw-button>

Hello Anish

Even if its clickable wrt UI, the cursor will be not allowed . Also, no click events will be triggered as well. You can cross-check and revert

Thanks
Shravan

No @shravan.balasubraman, I mentioned the button is clickable here to define that the click events are working even if the buttons are disabled.

@Anish Can you confirm if you are on Crayons V3

@Shravan_K Do you want to check this?

Yup am using crayons v3 @shravan.balasubraman

@shravan.balasubraman , sure will check this and update my findings here.

Are there any updates regarding the fix @Shravan_K , @shravan.balasubraman

@Anish We see that there are no events being fired for disabled state. Can you please share what events are being fired for you when button is in disabled state? it would help us debug better.

Thanks,
Shravan Kashyap

@Shravan_K

I have just attached a code snippet with the fiddle link below and also replicated the issue for your reference along with a video.

 <html>

   <head>
   <link
  rel="stylesheet"
  href="https://unpkg.com/@freshworks/crayons@v3/css/crayons-min.css"
/>

  <script
  type="module"
  src="https://unpkg.com/@freshworks/crayons@v3/dist/crayons/crayons.esm.js"
></script>
<script
  nomodule
  src="https://unpkg.com/@freshworks/crayons@v3/dist/crayons/crayons.js"
></script>

   </head>

   <body>
   <fw-button disabled id="disable" color="primary"> Disable </fw-button>
   </body>

 </html>

function ondisableClick() {
console.log('Button disabled')
}

document.getElementById('disable').addEventListener('click',ondisableClick)

Video Reference:

@Shravan_K @shravan.balasubraman
Are there any updates regarding this?