Calcite-block-section does not account for switch space when rendering text

ian13262 commented 1 year ago

Check existing issues

[X] I have checked for existing issues to avoid duplicates

Actual Behavior

When rendering text, calcite-block-sections do not account for the space taken up by a switch. Text should wrap on an additional line in this situation.

Expected Behavior

Text should stop before the switch and continue onto the next line if necessary.

Reproduction Sample

https://codepen.io/iyouth66/pen/gOZgomO?editors=1100

Reproduction Steps

(see codepen)

Reproduction Version

1.7.0

Relevant Info

N/A

Regression?

1.6.1

Priority impact

p2 - want for current milestone

Impact

Smart mapping currently suffers from this issue:

Calcite package

[X] @esri/calcite-components
[ ] @esri/calcite-components-react

Esri team

ArcGIS Online

geospatialem commented 1 year ago

Investigate if using the stack component could mitigate the above.

AdelheidF commented 1 year ago

Could this be get fixed before January? It's all over the place ...

geospatialem commented 1 year ago

@AdelheidF @ian13262 It looks like this is a regression between 1.6.1 and 1.7.0 as a result of accessibility improvements to the component - added context to the issue summary above.

More context:

Works in 1.7.0-next.21: https://codepen.io/geospatialem/pen/VwgaboK
Doesn't work in 1.7.0-next.22: https://codepen.io/geospatialem/pen/bGzpWPL
Looks like a result of commit https://github.com/Esri/calcite-design-system/commit/1f44f6b0e05bcaf708015432ef64c8cb660101bd

Added a regression label and medium priority level, and hope to tackle before the close of 2023 with other priority issues.

github-actions[bot] commented 1 year ago

Installed and assigned for verification.

geospatialem commented 1 year ago

Verified in 1.11.0-next.3:

Esri / calcite-design-system