diff --git a/x-pack/plugins/lens/public/editor_frame_service/editor_frame/editor_frame.test.tsx b/x-pack/plugins/lens/public/editor_frame_service/editor_frame/editor_frame.test.tsx
index 52488cb32ae8..0e2ba5ce8ad5 100644
--- a/x-pack/plugins/lens/public/editor_frame_service/editor_frame/editor_frame.test.tsx
+++ b/x-pack/plugins/lens/public/editor_frame_service/editor_frame/editor_frame.test.tsx
@@ -1370,6 +1370,57 @@ describe('editor_frame', () => {
})
);
});
+
+ it('should avoid completely to compute suggestion when in fullscreen mode', async () => {
+ const props = {
+ ...getDefaultProps(),
+ initialContext: {
+ indexPatternId: '1',
+ fieldName: 'test',
+ },
+ visualizationMap: {
+ testVis: mockVisualization,
+ },
+ datasourceMap: {
+ testDatasource: mockDatasource,
+ testDatasource2: mockDatasource2,
+ },
+
+ ExpressionRenderer: expressionRendererMock,
+ };
+
+ const { instance: el } = await mountWithProvider(
+ ,
+ props.plugins.data
+ );
+ instance = el;
+
+ expect(
+ instance.find(FrameLayout).prop('suggestionsPanel') as ReactElement
+ ).not.toBeUndefined();
+
+ await act(async () => {
+ (instance.find(FrameLayout).prop('dataPanel') as ReactElement)!.props.dispatch({
+ type: 'TOGGLE_FULLSCREEN',
+ });
+ });
+
+ instance.update();
+
+ expect(instance.find(FrameLayout).prop('suggestionsPanel') as ReactElement).toBe(false);
+
+ await act(async () => {
+ (instance.find(FrameLayout).prop('dataPanel') as ReactElement)!.props.dispatch({
+ type: 'TOGGLE_FULLSCREEN',
+ });
+ });
+
+ instance.update();
+
+ expect(
+ instance.find(FrameLayout).prop('suggestionsPanel') as ReactElement
+ ).not.toBeUndefined();
+ });
});
describe('passing state back to the caller', () => {
diff --git a/x-pack/plugins/lens/public/editor_frame_service/editor_frame/editor_frame.tsx b/x-pack/plugins/lens/public/editor_frame_service/editor_frame/editor_frame.tsx
index cc65bb126d2d..bd96682f427f 100644
--- a/x-pack/plugins/lens/public/editor_frame_service/editor_frame/editor_frame.tsx
+++ b/x-pack/plugins/lens/public/editor_frame_service/editor_frame/editor_frame.tsx
@@ -452,7 +452,8 @@ export function EditorFrame(props: EditorFrameProps) {
)
}
suggestionsPanel={
- allLoaded && (
+ allLoaded &&
+ !state.isFullscreenDatasource && (