From ae0624ae8a056dcde9cddf9cab04993e5e5873be Mon Sep 17 00:00:00 2001
From: Nikhil Mohite <nikhil.mohite@enterprisedb.com>
Date: Tue, 17 May 2022 11:06:14 +0530
Subject: [PATCH] Fixed an issue where Preferences are not saved when the
 dialog is maximized. Fixes #7383

---
 docs/en_US/release_notes_6_10.rst               | 1 +
 web/pgadmin/static/js/helpers/ModalProvider.jsx | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/docs/en_US/release_notes_6_10.rst b/docs/en_US/release_notes_6_10.rst
index 5318737e3..9a0a2f55f 100644
--- a/docs/en_US/release_notes_6_10.rst
+++ b/docs/en_US/release_notes_6_10.rst
@@ -19,3 +19,4 @@ Bug fixes
 *********
 
   | `Issue #7372 <https://redmine.postgresql.org/issues/7372>`_ -  Tell Docker to always pull the latest base images when building containers.
+  | `Issue #7383 <https://redmine.postgresql.org/issues/7383>`_ -  Fixed an issue where Preferences are not saved when the dialog is maximized.
diff --git a/web/pgadmin/static/js/helpers/ModalProvider.jsx b/web/pgadmin/static/js/helpers/ModalProvider.jsx
index ac4a7b67b..05f0dc074 100644
--- a/web/pgadmin/static/js/helpers/ModalProvider.jsx
+++ b/web/pgadmin/static/js/helpers/ModalProvider.jsx
@@ -9,6 +9,7 @@
 
 import { Box, Dialog, DialogContent, DialogTitle, makeStyles, Paper } from '@material-ui/core';
 import React, { useState } from 'react';
+import clsx from 'clsx';
 import { getEpoch } from 'sources/utils';
 import { DefaultButton, PgIconButton, PrimaryButton } from '../components/Buttons';
 import Draggable from 'react-draggable';
@@ -148,6 +149,9 @@ const dialogStyle = makeStyles((theme) => ({
     border: '1px solid ' + theme.otherVars.inputBorderColor,
     borderRadius: theme.shape.borderRadius,
   },
+  fullScreen: {
+    transform: 'none !important'
+  }
 }));
 
 function PaperComponent(props) {
@@ -167,7 +171,7 @@ function PaperComponent(props) {
     props.isresizeable == 'true' ?
       <Rnd
         size={props.isfullscreen == 'true' && { width: '100%', height: '100%' }}
-        className={classes.dialog}
+        className={clsx(classes.dialog, props.isfullscreen == 'true' ? classes.fullScreen : '')}
         default={{
           x: 300,
           y: 100,