[APM] Tab links are broken in IE11

[dgieselaar]

When clicking on a (EUI)Tab in the APM UI in IE11, nothing happens. This could be because we render an <a/> inside of a <button/>. If I change the <button/> to a <div/>, the tab works again.

[elasticmachine]

Pinging @elastic/apm-ui

[sorenlouv]

If I change the to a

, the tab works again.

I thought EuiTab always wrapped the content in a button. Is it possible for us to change this?

[dgieselaar]

No, not from what I can tell. A possible fix for us would be to render EUITab ourselves with the euiTab and euiTab__content classNames.

[dgieselaar]

If you mean changing EUITab to support the possibility of rendering as a div (or even better, as an anchor), that would be the best solution, but probably hard to fix for 7.4.0.

[sorenlouv]

If you mean changing EUITab to support the possibility of rendering as a div (or even better, as an anchor), that would be the best solution, but probably hard to fix for 7.4.0.

Yeah, that's what I meant. Agree, it won't happen for 7.4. Hopefully for 7.5 though if we flag it early.

[dgieselaar]

well well well: elastic/eui#2275