Fabric 7: Button hidden:true does not hide button in IE11

[ThreadPitt]

Please see: #10419

It still doesn't work with the latest Fabric 7 version, and no I can't provide a CodePen- CodePen does not work with IE11 - it would work with Chrome but that is again the point of this issue!

I am pretty sure this is a real bug, it all works fine in Chrome but NOT in IE11 (exactly the same code).

Did anyone ever look into this or did you just close #10419???

[maxwellred]

Hi @ThreadPitt, thank you for the issue and I'll look into this. Like they said in the previous issue it would be great for you to provide us a Codepen of your specific code working in Chrome. I understand that Codepen does not work in IE11 but this will help give us a better starting point to begin tackling this issue in IE11, thanks.

[ThreadPitt]

Here's the pen: https://codepen.io/ThreadPitt/pen/oNNEwLB

What I am seeing, that this also does NOT work in Chrome in the pen.

On the other hand, it does render the html with a hidden attribute:

<button type="button" role="menuitem" hidden="" class="ms-Button ms-Button--commandBar ms-Button--hasMenu ms-CommandBarItem-link root-57" data-is-focusable="true" aria-expanded="false" aria-haspopup="true" tabindex="0">New

Maybe it is a CSS issue?
Maybe there was a hidden property in Fabric 6?
When I look a the docs now: https://developer.microsoft.com/en-us/fabric#/controls/web/contextualmenu#IContextualMenuItem

I only see a hidden prop on IContextualMenu but NOT on IContextualMenuItem.

So something is a bit wrong here. In the end, we just want to hide a menu button, i.e. a IContextualMenuItem. How do we do this properly in Fabric 7?