Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

IE 10 tab component, Invariant Violation error #2017

Closed
raptoria opened this issue Oct 30, 2015 · 1 comment
Closed

IE 10 tab component, Invariant Violation error #2017

raptoria opened this issue Oct 30, 2015 · 1 comment
Labels
component: tabs This is the name of the generic UI component, not the React module!

Comments

@raptoria
Copy link

I'm getting the following error in IE10

SCRIPT5022: Invariant Violation: Component (with keys: getDOMNode,mergeStyles,mergeAndPrefix,_checkClickAway,_bindClickAway,_unbindClickAway,componentClickAway,isOpen,close,open,_handleItemTouchTap,_handleMenuEscKeyDown,props,context,state,refs,_reactInternalInstance) contains render method but is not mounted in the DOM
main.js, line 896 character 6

it seems to be originating from:

    checkClickAway: function _checkClickAway(event) {
          var el = React.findDOMNode(this);

I'm currently using Controlled tabs. ie,

<Tabs style={{'maxWidth':'400px'}} 
      valueLink={{value: this.getActiveRoute(), requestChange: (value, e, tab) => this.onTabChange(value, e, tab) }}
      tabItemContainerStyle={styles.navStyles} inkBarStyle={styles.iStyle} >

       onTabChange(value, e, tab){
        this.props.history.replaceState(null, '/'+value)
      }

      getActiveRoute(){
       let currentPath = (this.props.location.pathname.split(/[\/]/)[1]) || PageConstants.HOME;
       return currentPath;
      }

using react router 1.0.0-rc3

@oliviertassinari
Copy link
Member

How do you reproduce the issue?

mnajdova pushed a commit to mnajdova/material-ui that referenced this issue Nov 10, 2020
@zannager zannager added the component: tabs This is the name of the generic UI component, not the React module! label Dec 23, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: tabs This is the name of the generic UI component, not the React module!
Projects
None yet
Development

No branches or pull requests

3 participants