Fabric UI component not showing in IE, help!

Regular Contributor

Hi,

I have created a bottom placeholder which contains a Callout component. 

The components looks and works right in chrome and FF but it doesn't even renders in IE nor Edge: 

This is how looks in chrome and ff: 

ff.PNG

 

And this is what IE shows (both edge and ie 11):

ie.PNG

In the console I can see that the component is not even rendered to the html. The div ms-textAlignCenter should contains the component:

console.PNG

 

What is happening? 

The code is this: 

<div className="ms-Grid-col ms-sm12 ms-md4 ms-lg3">
<div className="ms-textAlignCenter" ref={this._menuButtonElement}>
{this.state.current != null ?
<span id="toggleCallout" className={styles.buttonCallout} onClick={this._onShowMenuClicked}>
<img src={this.state.current.icon}></img> {this.state.current.name}
<span className="ms-Icon ms-Icon--ChevronDownMed verChevronIcon"></span></span>
: null}
</div>
</div>

Any ideas why this is happening? 

 

UPDATE: I debugged the code and found that in {this.state.current.name} current is empty and IE doesn't render the component. The strange is that chrome and ff does.

 

Best regards

Americo

 

1 Reply

@Americo Perez, have you got solution for this? I'm encountering same problem.