block-section
fails to attach CSS icon--end
class
#11053
Labels
0 - new
New issues that need assignment.
bug
Bug reports for broken functionality. Issues should include a reproduction of the bug.
Calcite (dev)
Issues logged by Calcite developers.
calcite-components
Issues specific to the @esri/calcite-components package.
estimate - 2
Small fix or update, may require updates to tests.
impact - p3 - not time sensitive
User set priority impact status of p3 - not time sensitive
needs milestone
Planning workflow - pending milestone assignment, has priority and/or estimate.
p - low
Issue is non core or affecting less that 10% of people using the library
Check existing issues
Actual Behavior
This line fails to attach CSS class to
iconEnd
when bothiconStart
andiconEnd
props are present.https://github.com/Esri/calcite-design-system/blob/dev/packages/calcite-components/src/components/block-section/block-section.tsx#L155
When corrected, add themed tests for the following tokens:
"--calcite-block-section-text-color-hover"
// {
// shadowSelector:
.${CSS.iconEnd}
,// targetProp: "color",
// state: "hover",
// },
--calcite-block-section-text-color
// TODO: bug CSS.iconEnd doesn't properly apply on the element
// { shadowSelector:
.${CSS.iconEnd}
, targetProp: "color" },Expected Behavior
CSS.iconEnd should apply when end icon is present.
Reproduction Sample
https://codepen.io/elijbet/pen/oNORWGX?editors=1010
Reproduction Steps
iconStart
andiconEnd
inblock-section
.icon--start
.Reproduction Version
2.13.2
Relevant Info
No response
Regression?
No response
Priority impact
impact - p3 - not time sensitive
Impact
No response
Calcite package
Esri team
Calcite (dev)
The text was updated successfully, but these errors were encountered: