Epic: consistent disabled prop behavior

[jcfranco]

#2582 surfaced an issue where some of our components may not be implementing disabled appropriately. This epic should help us ensure all components implement this property correctly and prevent keyboard/pointer interaction with the element as well as its children (if applicable).

Action plan

• audit behavior of current components with disabled prop (including parent-child interactions):
• fix inconsistencies (if many need to be fixed, let's split them up in PRs per component 'groups')
• introduce test util to help prevent behavior inconsistencies (Tooling: global test utility for focused components when disabled/loading #2532)

Questions

• Should all components have a disabled prop or only interactive ones?
  • Answer: only interactive ones

Related issues

• Bug: calcite-pick-list - should not focus or fire event (space bar) on disabled pick-list-item #1478
• Bug: calcite-tooltip not working on disabled calcite-tile #3173
• Bug: calcite-input-time-picker disabled not being applied correclty #3225
• Bug: calcite-fab: click event fires even when its disabled #3226
• When disabling Radio Button and Radio Button group can be selected #3574
• [Tree Item] Add support for disabled tree-item #3772
• Tooling: global test utility for focused components when disabled/loading #2532

[jcfranco]

Should all components have a disabled prop or only interactive ones?

@Esri/calcite-design-representatives can you chime in on this one?

[caripizza]

Should all components have a disabled prop or only interactive ones?

IMO only interactive components should have a disabled prop. (ie., disabled prop is used to prevent interaction or communicate that an action is unavailable to the user.)

Maybe all we need to ask is does the component need to prevent interaction?

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[github-actions]

This issue has been automatically closed due to inactivity.

[github-actions]

Installed and assigned for verification.

[benelan]

verified on beta.80
https://codepen.io/benesri/pen/vYpGgKz?editors=1000