spectrum-web-components icon indicating copy to clipboard operation
spectrum-web-components copied to clipboard

[Bug]: action button --mod-actionbutton-border-radius not getting picked up

Open SavkaTaras opened this issue 1 year ago • 3 comments

Code of conduct

  • [x] I agree to follow this project's code of conduct.

Impacted component(s)

action-button

Expected behavior

Whenever setting --mod-actionbutton-border-radius css var at the host level it should override border-radius value.

Actual behavior

--mod-actionbutton-border-radius is not getting picked. This could be due to css var override with it's own name as a fallback or that it is missing as a border-radius value.

:host {
    border-radius: var(--mod-actionbutton-border-radius, var(--spectrum-actionbutton-border-radius));
}

See link.

Thank you

Screenshots

Image

What browsers are you seeing the problem in?

Chrome

How can we reproduce this issue?

  1. Go to https://opensource.adobe.com/spectrum-web-components/components/action-button/
  2. Set --mod-actionbutton-border-radius to 999px and border radius will not be changed.

Sample code or abstract reproduction which illustrates the problem

No response

Severity

SEV 3

Logs taken while reproducing problem

No response

SavkaTaras avatar Mar 27 '25 07:03 SavkaTaras

Hello, this is still broken.

tsavka-adobe avatar Apr 04 '25 00:04 tsavka-adobe

--mod-actionbutton-border-color is also broken currently....

spdev3000 avatar May 05 '25 16:05 spdev3000

Reopening this to triage and test. cc @najikahalsema

Rajdeepc avatar Nov 28 '25 13:11 Rajdeepc