Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 00:48:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

chore: Set modal as the selected widget when clicked (#11363)

Browse source
This commit is contained in:
Nithin David Thomas 2024-12-04 00:24:08 -08:00 committed by GitHub
parent f5cab90b5c
commit a609b3cd7a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
frontend/src/AppBuilder/Widgets/Modal.jsx
View file

@ -290,8 +290,19 @@ const Component = ({ children, ...restProps }) => {
} = restProps['modalProps'];
const setSelectedComponentAsModal = useStore((state) => state.setSelectedComponentAsModal, shallow);
// When the modal body is clicked capture it and use the callback to set the selected component as modal
const handleModalBodyClick = (event) => {
const clickedComponentId = event.target.getAttribute('component-id');
// Check if the clicked element is part of the modal canvas & same widget with id
if (id === clickedComponentId) {
setSelectedComponentAsModal(id);
}
};
return (
<BootstrapModal {...restProps}>
<BootstrapModal {...restProps} onClick={handleModalBodyClick}>
{showConfigHandler && (
<ConfigHandle
id={id}