diff --git a/packages/js/product-editor/changelog/fix-download-input-number-jumps-twice b/packages/js/product-editor/changelog/fix-download-input-number-jumps-twice new file mode 100644 index 00000000000..219d3120510 --- /dev/null +++ b/packages/js/product-editor/changelog/fix-download-input-number-jumps-twice @@ -0,0 +1,4 @@ +Significance: patch +Type: fix + +[Product Block Editor]: fix Input control issue in Manage download limit form diff --git a/packages/js/product-editor/src/components/manage-download-limits-modal/manage-download-limits-modal.tsx b/packages/js/product-editor/src/components/manage-download-limits-modal/manage-download-limits-modal.tsx index 3f033ce90b1..7de7a42cf81 100644 --- a/packages/js/product-editor/src/components/manage-download-limits-modal/manage-download-limits-modal.tsx +++ b/packages/js/product-editor/src/components/manage-download-limits-modal/manage-download-limits-modal.tsx @@ -122,11 +122,14 @@ export function ManageDownloadLimitsModal( { return true; } + const downloadLimitInputProps = useNumberInputProps( { + value: downloadLimit, + onChange: setDownloadLimit, + } ); + const downloadLimitProps = { - ...useNumberInputProps( { - value: downloadLimit, - onChange: setDownloadLimit, - } ), + value: downloadLimitInputProps.value, + onChange: downloadLimitInputProps.onChange, id: useInstanceId( BaseControl, 'product_download_limit_field' @@ -154,11 +157,14 @@ export function ManageDownloadLimitsModal( { }, }; + const downloadExpiryInputProps = useNumberInputProps( { + value: downloadExpiry, + onChange: setDownloadExpiry, + } ); + const downloadExpiryProps = { - ...useNumberInputProps( { - value: downloadExpiry, - onChange: setDownloadExpiry, - } ), + value: downloadExpiryInputProps.value, + onChange: downloadExpiryInputProps.onChange, id: useInstanceId( BaseControl, 'product_download_expiry_field'