index.js:-
function App() { const ganttRef = useRef(null); let copiedValue;
const actionBegin = (args) => { if (args.requestType === 'beforeOpenEditDialog') { const rowData = args.rowData;
args.dialogModel.buttons.push({ buttonModel: { content: 'COPY', id: 'customCopy' }, click: async () => { const textToCopy = typeof copiedValue === 'string' && copiedValue.trim() ? copiedValue.trim() : rowData?.taskName ?? '';
if (!textToCopy) { alert('Nothing to copy'); return; }
let copied = false; if (!copied) { const ta = document.createElement('textarea'); ta.value = textToCopy; ta.style.position = 'fixed'; ta.style.top = '0'; ta.style.left = '0'; ta.style.opacity = '0'; document.body.appendChild(ta); ta.focus(); ta.select(); try { const ok = document.execCommand('copy'); if (!ok) throw new Error('execCommand("copy") failed'); copied = true; } catch (err) { console.error('Fallback copy failed:', err); } finally { document.body.removeChild(ta); } }
alert( copied ? 'Copied! You can press Ctrl+V to paste.' : 'Copy failed. Your environment blocks clipboard-write. The fallback also failed.' ); }, }); } };
const actionComplete = (args) => { // Only attach after Edit Dialog opens if (args.requestType === 'openEditDialog' && args.element) { // setting the COPY button on left const footer = args.element.querySelector('.e-footer-content'); if (footer) { footer.style.display = 'flex'; const copyBtn = footer.querySelector('button:nth-of-type(3)'); if (copyBtn) { copyBtn.style.order = -1; copyBtn.style.marginRight = 'auto'; } }
const formRow = document .getElementById(args.element.id) ?.querySelector('.e-edit-form-row');
// collecting the text box field value here formRow?.addEventListener('click', (e) => { const target = e.target; target.addEventListener('focusout', (e) => { if (target && target.classList?.contains('e-control')) { // e-control matches Syncfusion inputs copiedValue = target.value ?? ''; } else { copiedValue = ''; } }); }); } };
return ( <GanttComponent actionComplete={actionComplete} actionBegin={actionBegin} > </GanttComponent> ); } | 
