Skip to content

SpeedDial: MenuItem disabled not working at all #8375

@Tamas-hi

Description

@Tamas-hi

Describe the bug

Using a SpeedDial component with one of the items disabled property set to true does not disable the item.
SpeedDial uses MenuItems and this should work as it works as well when using a simple Menu with MenuItems.

{
    label: 'Add',
    icon: 'pi pi-pencil',
    disabled: true, --> not working
    command: () => {
      toast.add({
        severity: 'info',
        summary: 'Add',
        detail: 'Data Added',
        life: 3000,
      });
    },
  },

Pull Request Link

No response

Reason for not contributing a PR

  • Lack of time
  • Unsure how to implement the fix/feature
  • Difficulty understanding the codebase
  • Other

Other Reason

No response

Reproducer

https://stackblitz.com/edit/rkmtbcc7?file=src%2FApp.vue,package.json

Environment

PrimeVue Stackblitz Example

Vue version

3.5.26

PrimeVue version

4.5.4

Node version

No response

Browser(s)

No response

Steps to reproduce the behavior

  1. Open the example
  2. Check that pencil in the SpeedDial is not disabled even though it is in the code.

Expected behavior

Pencil should be disabled.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: Needs TriageIssue will be reviewed by Core Team and a relevant label will be added as soon as possible

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions