Customize the Width and Height of “toastService” based on the message size. #2200
Description
Prerequisites
- I have read the Contributing Guidelines.
- I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.
What happened?
Description:
The toastService component currently displays toast messages with a fixed width. When the message content exceeds a certain length, the height of the toast widget increases to accommodate the text, but the width remains unchanged. This results in a vertically stretched toast that affects readability and layout consistency.
Steps to Reproduce:
Trigger another toast with a long message.
Observe that the height increases while the width remains the same.
Expected Behavior:
The toastService should take width and height as input, to show the message content to maintain a balanced and readable layout.
Actual Behavior:
Only the height increases for longer messages, while the width remains fixed, leading to a narrow and tall toast display.
What type of frontend framework are you seeing the problem on?
Angular (Standalone)
On which version of the frontend framework are you experiencing the issue?
@angular/[email protected]
Which version of iX do you use?
v3.2.0
Code to produce this issue.
async showToastMessage() {
this.toastService.show({
message: 'The toastService component currently displays toast messages with a fixed width. When the message content exceeds a certain length !',
});