Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Toast: Shows `null` for title and caption in IE11

See original GitHub issue

Detailed description

Describe in detail the issue you’re having.

Running the following code works fine in all browsers but IE11 shows additional content

    const bannerContent = {
      title: message.message,
      type: message.type === MessageType.Error ? "error" : "info",
      target: "#toast-root",
      duration: message.duration,
    };

    this.bannerService.showToast(bannerContent);

Fix null showing in the notification body
Fix notification context doesn’t wrap

Is this a feature request (new component, new icon), a bug, or a general issue?

Bug

Is this issue related to a specific component?

Toast

What browser are you working in?

IE11

What version of the Carbon Design System are you using?

2.0.3 with 9.46.0 of carbon-components

Issue Analytics

State:
Created 5 years ago
Reactions:1
Comments:6 (6 by maintainers)

Top GitHub Comments

1reaction

markewallacecommented, Apr 6, 2019

@cal-smith we have also run into this issue. Can this be fixed soon as we are planning our first public release in the next month.

1reaction

markewallacecommented, Apr 6, 2019

There are a couple of issues in the Toast documentation

‘type’ does not support danger
Toast does not support message

Top Results From Across the Web

Toast: Shows null for title and caption in IE11 #253 - GitHub

Describe in detail the issue you're having. Running the following code works fine in all browsers but IE11 shows additional content. const ...

Ext.Toast - API Manual

Summary. A 'Toast' is a simple message that is displayed on the screen and then automatically closed by a timeout. Think about it...

Title attribute not working in IE11 - Stack Overflow

By setting it to none, it means your mouse can't interact with the element and therefore it cannot hover it to show the...

Ext.Toast | Ext JS 6.5.0 - Sencha Documentation

A 'Toast' is a simple modal message that is displayed on the screen and then automatically closed by a timeout or by a...

Table | Components - BootstrapVue

Table. For displaying tabular data, <b-table> supports pagination, filtering, sorting, custom rendering, various style options, events, and asynchronous ...