[Tile/Tile Group]: The width of the tile does not grow to full width

[jasdelreyes]

Check existing issues

• I have checked for existing issues to avoid duplicates

Actual Behavior

The width of the tiles in tile group do not expand to the full width of its parent container. This was previously allowed in the way that tile-select was built with a width prop.

Expected Behavior

The width of the tiles acts responsively, and grows and shrinks to the full size of the parent container.

Reproduction Sample

https://codepen.io/jasdelreyes/pen/PwYOKqr?editors=1100

Reproduction Steps

See the repro in the codepen above.

Reproduction Version

~3.0.0-next.50

Relevant Info

In the codepen, you can see a workaround of using the css values of contents and width: 100%. This works to expand the width of the tiles, but prevents the tiles from showing the greyed out state when disabled.

Regression?

No response

Priority impact

impact - p2 - want for an upcoming milestone

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

ArcGIS Online

[nid13240]

+1 also running into this in MapViewer