Issue 1:
Add charts to Tabbed Dashboard

Scenario:

I have used the Tabs feature to segregate various dashboards (Say Tab 1 and Tab 2).

I have a couple of charts that are common to multiple dashboards(say date filter) and would like to add this multiple tabs.

Current issue:

Charts used once in a tabbed dashboard cannot be used again in another tab.

(post on behalf)

Issue 2:
Make sure these boxes are checked before submitting your issue - thank you!

I have checked the superset logs for python stacktraces and included it here as text if there are any.

I have reproduced the issue with at least the latest released version of superset.

I have checked the issue tracker for the same issue and I haven't found one similar.

Superset version

Master

Expected results

Mapbox to work fine

Actual results

mapbox makes the chart view disappear also does the same if it is inside a dashboard

here is the error trace in chrome

webpack-internal:///./node_modules/prop-types/checkPropTypes.js:19 Warning: Failed prop type: Invalid prop `bsSize` of value `md` supplied to `FormControl`, expected one of ["sm","small","lg","large"].
in FormControl (created by VizTypeControl)
in VizTypeControl (created by Control)
in div (created by Control)
in Control (created by ControlPanelsContainer)
in div (created by ControlSetRow)
in div (created by ControlSetRow)
in ControlSetRow (created by ControlPanelsContainer)
in div (created by Panel)
in div (created by Panel)
in Transition (created by Collapse)
in Collapse (created by Panel)
in div (created by Panel)
in Panel (created by ControlPanelSection)
in ControlPanelSection (created by ControlPanelsContainer)
in div (created by TabPane)
in Transition (created by Fade)
in Fade (created by TabPane)
in TabPane (created by Tab)
in Tab (created by ControlPanelsContainer)
in div (created by TabContent)
in TabContent (created by Tabs)
in div (created by Tabs)
in TabContainer (created by Tabs)
in Tabs (created by Uncontrolled(Tabs))
in Uncontrolled(Tabs) (created by ControlPanelsContainer)
in div (created by ControlPanelsContainer)
in div (created by ControlPanelsContainer)
in ControlPanelsContainer (created by Connect(ControlPanelsContainer))
in Connect(ControlPanelsContainer) (created by ExploreViewContainer)
in div (created by ExploreViewContainer)
in div (created by ExploreViewContainer)
in div (created by ExploreViewContainer)
in ExploreViewContainer (created by Connect(ExploreViewContainer))
in Connect(ExploreViewContainer) (created by App)
in div (created by App)
in Provider (created by App)
in App (created by HotExportedApp)
in AppContainer (created by HotExportedApp)
in HotExportedApp
printWarning @ webpack-internal:///./node_modules/prop-types/checkPropTypes.js:19
webpack-internal:///./node_modules/react/cjs/react.development.js:241 Warning: CreatableSelect: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://fb.me/react-special-props)
warningWithoutStack @ webpack-internal:///./node_modules/react/cjs/react.development.js:241
webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:117 Uncaught TypeError: transform is not a function
at eval (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:117)
at eval (webpack-internal:///./node_modules/reselect/es/index.js:75)
at eval (webpack-internal:///./node_modules/reselect/es/index.js:35)
at eval (webpack-internal:///./node_modules/reselect/es/index.js:89)
at ProxyComponent.eval [as processChartProps] (webpack-internal:///./node_modules/reselect/es/index.js:35)
at ProxyComponent.renderChart (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:178)
at ProxyComponent.renderChart (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:580)
at ProxyComponent.render (webpack-internal:///./node_modules/react-loadable/lib/index.js:241)
at ProxyComponent.hotComponentRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:620)
at ProxyComponent.proxiedRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:635)
webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:14550 The above error occurred in the <LoadableComponent> component:
in LoadableComponent (created by SuperChart)
in div (created by SuperChart)
in SuperChart (created by Chart)
in div (created by Chart)
in Chart (created by Connect(Chart))
in Connect(Chart) (created by ParentSize)
in div (created by ParentSize)
in ParentSize (created by ExploreChartPanel)
in div (created by Panel)
in div (created by Panel)
in Panel (created by ExploreChartPanel)
in div (created by ExploreChartPanel)
in ExploreChartPanel (created by ExploreViewContainer)
in div (created by ExploreViewContainer)
in div (created by ExploreViewContainer)
in div (created by ExploreViewContainer)
in ExploreViewContainer (created by Connect(ExploreViewContainer))
in Connect(ExploreViewContainer) (created by App)
in div (created by App)
in Provider (created by App)
in App (created by HotExportedApp)
in AppContainer (created by HotExportedApp)
in HotExportedApp

React will try to recreate this component tree from scratch using the error boundary you provided, AppContainer.
logCapturedError @ webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:14550
webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:188 TypeError: transform is not a function
at eval (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:117)
at eval (webpack-internal:///./node_modules/reselect/es/index.js:75)
at eval (webpack-internal:///./node_modules/reselect/es/index.js:35)
at eval (webpack-internal:///./node_modules/reselect/es/index.js:89)
at ProxyComponent.eval [as processChartProps] (webpack-internal:///./node_modules/reselect/es/index.js:35)
at ProxyComponent.renderChart (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:178)
at ProxyComponent.renderChart (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:580)
at ProxyComponent.render (webpack-internal:///./node_modules/react-loadable/lib/index.js:241)
at ProxyComponent.hotComponentRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:620)
at ProxyComponent.proxiedRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:635)
error @ webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:188
webpack-internal:///./src/logger.js:36 Duplicate event handler for event 'mount_explorer'
(anonymous) @ webpack-internal:///./src/logger.js:36
webpack-internal:///./src/logger.js:36 Duplicate event handler for event 'load_chart_data'
(anonymous) @ webpack-internal:///./src/logger.js:36
webpack-internal:///./src/logger.js:36 Duplicate event handler for event 'render_chart'
(anonymous) @ webpack-internal:///./src/logger.js:36
webpack-internal:///./src/logger.js:36 Duplicate event handler for event 'force_refresh_chart'
(anonymous) @ webpack-internal:///./src/logger.js:36
webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:117 Uncaught TypeError: transform is not a function
at eval (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:117)
at eval (webpack-internal:///./node_modules/reselect/es/index.js:75)
at eval (webpack-internal:///./node_modules/reselect/es/index.js:35)
at eval (webpack-internal:///./node_modules/reselect/es/index.js:89)
at ProxyComponent.eval [as processChartProps] (webpack-internal:///./node_modules/reselect/es/index.js:35)
at ProxyComponent.renderChart (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:178)
at ProxyComponent.renderChart (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:580)
at ProxyComponent.render (webpack-internal:///./node_modules/react-loadable/lib/index.js:241)
at ProxyComponent.hotComponentRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:620)
at ProxyComponent.proxiedRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:635)
webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:14550 The above error occurred in the <LoadableComponent> component:
in LoadableComponent (created by SuperChart)
in div (created by SuperChart)
in SuperChart (created by Chart)
in div (created by Chart)
in Chart (created by Connect(Chart))
in Connect(Chart) (created by ParentSize)
in div (created by ParentSize)
in ParentSize (created by ExploreChartPanel)
in div (created by Panel)
in div (created by Panel)
in Panel (created by ExploreChartPanel)
in div (created by ExploreChartPanel)
in ExploreChartPanel (created by ExploreViewContainer)
in div (created by ExploreViewContainer)
in div (created by ExploreViewContainer)
in div (created by ExploreViewContainer)
in ExploreViewContainer (created by Connect(ExploreViewContainer))
in Connect(ExploreViewContainer) (created by App)
in div (created by App)
in Provider (created by App)
in App (created by HotExportedApp)
in AppContainer (created by HotExportedApp)
in HotExportedApp

React will try to recreate this component tree from scratch using the error boundary you provided, AppContainer.
logCapturedError @ webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:14550
webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:188 TypeError: transform is not a function
at eval (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:117)
at eval (webpack-internal:///./node_modules/reselect/es/index.js:75)
at eval (webpack-internal:///./node_modules/reselect/es/index.js:35)
at eval (webpack-internal:///./node_modules/reselect/es/index.js:89)
at ProxyComponent.eval [as processChartProps] (webpack-internal:///./node_modules/reselect/es/index.js:35)
at ProxyComponent.renderChart (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:178)
at ProxyComponent.renderChart (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:580)
at ProxyComponent.render (webpack-internal:///./node_modules/react-loadable/lib/index.js:241)
at ProxyComponent.hotComponentRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:620)
at ProxyComponent.proxiedRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:635)

Steps to reproduce

just create a mapbox chart or open Mapbox Long/Lat example