diff --git a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx index 6a3c516afd..fdece196d0 100644 --- a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx +++ b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx @@ -246,7 +246,10 @@ const DashboardBuilder: FC = () => { state => state.dashboardState.fullSizeChartId, ); const filterBarOrientation = useSelector( - ({ dashboardInfo }) => dashboardInfo.filterBarOrientation, + ({ dashboardInfo }) => + isFeatureEnabled(FeatureFlag.HORIZONTAL_FILTER_BAR) + ? dashboardInfo.filterBarOrientation + : FilterBarOrientation.VERTICAL, ); const handleChangeTab = useCallback( diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControls.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControls.tsx index e1c3cc6c65..0da90351fc 100644 --- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControls.tsx +++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControls.tsx @@ -26,6 +26,8 @@ import { SupersetTheme, t, isNativeFilter, + isFeatureEnabled, + FeatureFlag, } from '@superset-ui/core'; import { createHtmlPortalNode, @@ -56,7 +58,10 @@ const FilterControls: FC = ({ onFilterSelectionChange, }) => { const filterBarOrientation = useSelector( - state => state.dashboardInfo.filterBarOrientation, + ({ dashboardInfo }) => + isFeatureEnabled(FeatureFlag.HORIZONTAL_FILTER_BAR) + ? dashboardInfo.filterBarOrientation + : FilterBarOrientation.VERTICAL, ); const [overflowedIds, setOverflowedIds] = useState([]);