bug: cannot get value of inherited custom CSS prop in a shadow DOM element via E2EElement APIs

[jcfranco]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Stencil Version

4.16.0

Current Behavior

It is not possible to get the value of an inherited custom CSS prop in a shadow DOM E2EElement via getComputedStyle + getPropertyValue. This is due to the implementation relying on custom CSS props being exposed on the computed style object.

Expected Behavior

For shadowDomElStyles.getPropertyValue(--some-custom-prop); to resolve to the custom CSS prop value.

System Info

No response

Steps to Reproduce

See README from repro case repo.

Code Reproduction URL

https://github.com/jcfranco/stencil-e2eelement-getComputedStyle-result-is-missing-custom-css-props

Additional Information

No response

[christian-bromann]

@jcfranco thanks for reporting, I raised a PR in #5682 with a fix for this.

[tanner-reits]

A fix for this was included in today's v4.18.2 release!