admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases Wiki Activity

pramod_Task-#239 : Display in Card View contacts List #121

Merged
vikas.nale merged 20 commits from pramod_Task-#239 into Feature_Directory 2025-05-19 07:29:19 +00:00
Conversation 1 Commits 20 Files Changed 12 +12 -1
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit c43c668fb8 - Show all commits

13
src/components/common/GlobalModel.jsx
View File

@ -15,7 +15,7 @@ const GlobalModel = ({
useEffect(() => { useEffect(() => {
const modalElement = modalRef.current; const modalElement = modalRef.current;
const modalInstance = new window.bootstrap.Modal(modalElement, { const modalInstance = new window.bootstrap.Modal(modalElement, {
backdrop: false // Disable backdrop backdrop: false,
}); });
if (isOpen) { if (isOpen) {
@ -26,16 +26,27 @@ useEffect(() => {
const handleHideModal = () => { const handleHideModal = () => {
closeModal(); closeModal();
// ✅ FIX: Remove any lingering body classes/styles
document.body.classList.remove('modal-open');
document.body.style.overflow = '';
document.body.style.paddingRight = '';
}; };
modalElement.addEventListener('hidden.bs.modal', handleHideModal); modalElement.addEventListener('hidden.bs.modal', handleHideModal);
return () => { return () => {
modalElement.removeEventListener('hidden.bs.modal', handleHideModal); modalElement.removeEventListener('hidden.bs.modal', handleHideModal);
// Also clean up just in case component unmounts
document.body.classList.remove('modal-open');
document.body.style.overflow = '';
document.body.style.paddingRight = '';
}; };
}, [isOpen, closeModal]); }, [isOpen, closeModal]);
// Dynamically set the modal size classes (modal-sm, modal-lg, modal-xl) // Dynamically set the modal size classes (modal-sm, modal-lg, modal-xl)
const modalSizeClass = size ? `modal-${size}` : ''; // Default is empty if no size is specified const modalSizeClass = size ? `modal-${size}` : ''; // Default is empty if no size is specified