calcite-alert: Long continuous text message is cutoff in the calcite-alert component

[sakship2204]

Check existing issues

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

Actual Behavior

For a long text message in the calcite-alert component, which doesn't fit in the width of the screen area, the extra text on the end gets cutoff and is not displayed correctly.

Expected Behavior

The long text message be wrapped properly such that the extra text is displayed in the next line of the calcite-alert component.

Reproduction Sample

--

Reproduction Steps

1. Prepare a clean EN browser.
2. Launch URL https://www.arcgis.com/ and sign in with valid account.
3. Go to Notebook page.
4. Click "Manage" button and select "Manage files".
5. Click the user name on the left and select a user except the current user.
6. Create a folder with a long name continuous without space (e.g. 255 characters continuous without space.
7. Click the folder name.
8. Go back to Home folder, select the folder with long name and click "Delete" button.
9. On "Permanently delete" dialog, click "Delete" button.

Reproduction Version

--

Relevant Info

No response

Regression?

No response

Priority impact

p4 - not time sensitive

Impact

No response

Calcite package

• [X] @esri/calcite-components
• [ ] @esri/calcite-components-angular
• [ ] @esri/calcite-components-react
• [ ] @esri/calcite-design-tokens
• [ ] @esri/eslint-plugin-calcite-components

Esri team

ArcGIS Online

[macandcheese]

Because text is slotted, as a workaround for this, you can set a style on the slotted element: https://codepen.io/mac_and_cheese/pen/xxeqMoV?editors=1000

[geospatialem]

For design expertise and consideration for slotted content to be wrapped, similar to what is set for color on slotted content.

[geospatialem]

Since the above is slotted, the workaround mentioned by Adam above is the recommended approach and the above is not scoped within Calcite.

Closing the above issue out as unplanned.