use span instead of div for wrapper-element

reactjs · Feb 8, 2018 · 3d82b8c · 3d82b8c
1 parent 9b4b196
commit 3d82b8c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,7 +2,8 @@
 We try to follow [http://keepachangelog.com/](http://keepachangelog.com/) recommendations for easier to update & more readable change logs.
 
 ## [Unreleased]
-_(add items here for easier creation of next log entry)_
+### Fixed
+ - Wrap component in a `span` element instead of a `div` to produce valid HTML if this component is used inside an element which only allows inline elements (like `p``).
 
 ## [1.8.0] - 2018-02-04
 ### Added

diff --git a/lib/Autocomplete.js b/lib/Autocomplete.js
@@ -570,7 +570,7 @@ class Autocomplete extends React.Component {
     const { inputProps } = this.props
     const open = this.isOpen()
     return (
-      <div style={{ ...this.props.wrapperStyle }} {...this.props.wrapperProps}>
+      <span style={{ ...this.props.wrapperStyle }} {...this.props.wrapperProps}>
         {this.props.renderInput({
           ...inputProps,
           role: 'combobox',
@@ -591,7 +591,7 @@ class Autocomplete extends React.Component {
             {JSON.stringify(this._debugStates.slice(Math.max(0, this._debugStates.length - 5), this._debugStates.length), null, 2)}
           </pre>
         )}
-      </div>
+      </span>
     )
   }
 }