fix: handle empty input and missing clipboard API in Format Prompt Values dialog #5152
+71
−16
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Problem
When leaving the input field empty in the Format Prompt Values dialog and clicking on Copy to clipboard, the app:
Throws a console error:
TypeError: Cannot read properties of undefined (reading 'writeText')
Turns the page blank
Causes unsaved flow data to be lost
Root Cause
Solution
This PR improves clipboard handling across components by:
Adding Clipboard API availability checks (if (navigator?.clipboard?.writeText))
Wrapping copy operations in try/catch blocks for safer error handling
Gracefully handling empty values ("") without breaking the UI
Applying the same safety pattern consistently across components:
JsonEditor.jsx
ExpandedChunkDialog.jsx
NodeExecutionDetails.jsx
Result
No more crashes or blank pages when copying empty/invalid input
Consistent clipboard handling across the app
Better browser compatibility and error resilience