Skip to content

[Action] Setting loading on Action has unintended visual result #12601

@macandcheese

Description

@macandcheese

monday.com sync: #9698278458

Check existing issues

Actual Behavior

Currently, setting loading on Action causes the text to change color:

Image

When combined with disabled - even more transparency occurs:

Image

Expected Behavior

loading should not affect text display. loading and disabled should be two independent props.

Reproduction Sample

https://codepen.io/mac_and_cheese/pen/WbQoooL?editors=100

Reproduction Steps

  1. Open Codepen
  2. View loading appearance of Action

Reproduction Version

3.2.1

Relevant Info

No response

Regression?

No response

Priority impact

impact - p3 - not time sensitive

Impact

No response

Calcite package

  • @esri/calcite-components
  • @esri/calcite-components-react
  • @esri/calcite-design-tokens
  • @esri/calcite-ui-icons
  • @esri/eslint-plugin-calcite-components

Esri team

Calcite (design)

Metadata

Metadata

Assignees

No one assigned

    Labels

    0 - newNew issues that need assignment.Calcite (design)Issues logged by Calcite designers.bugBug reports for broken functionality. Issues should include a reproduction of the bug.designIssues that need design consultation prior to, or during, development.estimate - 3A day or two of work, likely requires updates to tests.impact - p3 - not time sensitiveUser set priority impact status of p3 - not time sensitivemonday.com syncMonday.com syncneeds milestonePlanning workflow - pending milestone assignment, has priority and/or estimate.p - lowIssue is non core or affecting less that 10% of people using the libraryready for devIssues ready for development implementation.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions