Fixed Component URLInput not honouring className (#13800)

* Fixed Component URLInput not honouring className Related: #13754 This pull request fixes the URIInput Component not honouring. This add the className to the parent div for the component * Updated URLInput Readme for className prop
WordPress · Mar 6, 2019 · 508a46c · 508a46c
1 parent 3f7aa4a
commit 508a46c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/editor/src/components/url-input/README.md b/packages/editor/src/components/url-input/README.md
@@ -131,6 +131,10 @@ Renders the URL input field used by the `URLInputButton` component. It can be us
 
 If you are not conditionally rendering this component set this property to `false`.
 
+### `className: String`
+
+*Optional.* Adds and optional class to the parent `div` that wraps the URLInput field and popover
+
 ## Example
 
 {% codetabs %}

diff --git a/packages/editor/src/components/url-input/index.js b/packages/editor/src/components/url-input/index.js
@@ -227,11 +227,11 @@ class URLInput extends Component {
 	}
 
 	render() {
-		const { value = '', autoFocus = true, instanceId } = this.props;
+		const { value = '', autoFocus = true, instanceId, className } = this.props;
 		const { showSuggestions, posts, selectedSuggestion, loading } = this.state;
 		/* eslint-disable jsx-a11y/no-autofocus */
 		return (
-			<div className="editor-url-input">
+			<div className={ classnames( 'editor-url-input', className ) }>
 				<input
 					autoFocus={ autoFocus }
 					type="text"