Значок SVG в теге привязки является интерактивным, но не работает в Microsoft Edge или IE 11 - PullRequest
0 голосов
/ 04 апреля 2019

У меня есть значок svg в моем теге привязки, в котором у меня есть событие щелчка для тега привязки в моем приложении React. Моя проблема похожа на то, когда я нажимаю на тег привязки, он отлично работает как в краях, так и в хроме. Но когда я нажимаю на значок svg, он отлично работает в Chorme, но не работает в Edge.

switch (action.type){
            case ToggleActions.NAVBAR_TOGGLE:
                // tslint:disable-next-line:no-console
                console.log('Toggle button is hit' + event.target);
                return{
                ...state,
                toggleState: !state.toggleState,
            };

const mapDispatchToProps = (dispatch: Dispatch) => ({
  setNavBar: () => dispatch(setNavBarToggle()),
});

export default connect(
  null,
  mapDispatchToProps,
)(Sidebar);

<ToggleButton
          onClick={this.props.setNavBar}
          id='navigationPanelButton'
          title={openClosetooltip}
        />
...