Disabled attribute not working on alert dialog cancel button.

[iamsid]

I have an alert dialog with the footer as below:

<AlertDialog.Cancel disabled={isLoading}>Cancel</AlertDialog.Cancel>
<AlertDialog.Action class={buttonVariants({ variant: 'destructive' })} onclick={handleDelete} disabled={isLoading}>
{isLoading ? 'Deleting..' : 'Delete'}
</AlertDialog.Action>

When the dialog opens, and isLoading is true, the action button is disabled but cancel button is not.
This is what the HTML looks like:

I tried checking how the cancel button is defined, but I could not find any difference from how action is defined. What am I missing?

[shyakadavis]

@iamsid what version of bits-ui are you using?

[shyakadavis]

@iamsid

[iamsid]

@shyakadavis Thanks. Updated to [email protected], but didn't work.

[iamsid]

One new observation - there is no disabled attribute added to the element, but clicking on the cancel button is not closing the dialog when I have the logic in code..
In previous version, it was closing the dialog.

[shyakadavis]

but clicking on the cancel button is not closing the dialog

Yeah, this is the intent behind adding the disabled prop, is it not?

One new observation - there is no disabled attribute added to the element

I can confirm this is as well on my end. This is odd. I'll have to get back to you later and/or open an issue about this.

[iamsid]

@shyakadavis Any update on this? Not urgent or critical, just following up.