From 64bc044018f0c031d0e55580c12153689a1c967c Mon Sep 17 00:00:00 2001 From: Michael Joseph Panaga Date: Wed, 28 Aug 2019 11:38:33 +0800 Subject: [PATCH] Fix: Image Block: Add protocol to custom link --- packages/block-library/src/image/edit.js | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/packages/block-library/src/image/edit.js b/packages/block-library/src/image/edit.js index c6646f66444585..fb6ed7c60c7b09 100644 --- a/packages/block-library/src/image/edit.js +++ b/packages/block-library/src/image/edit.js @@ -62,7 +62,7 @@ import { useRef, } from '@wordpress/element'; import { __, sprintf } from '@wordpress/i18n'; -import { getPath } from '@wordpress/url'; +import { getPath, prependHTTP } from '@wordpress/url'; import { withViewportMatch } from '@wordpress/viewport'; import { speak } from '@wordpress/a11y'; @@ -178,7 +178,14 @@ const ImageURLInputUI = ( { const onSubmitLinkChange = useCallback( () => { return ( event ) => { if ( urlInput ) { - onChangeUrl( urlInput ); + let imageUrl = urlInput; + + // Append HTTP protocol to custom link. + if ( linkDestination === LINK_DESTINATION_CUSTOM ) { + imageUrl = prependHTTP( urlInput ); + } + + onChangeUrl( imageUrl ); } stopEditLink(); setUrlInput( null );