feat: throw when inputContainer refers to an <input> (#138)

algolia · Jul 23, 2020 · da536fc · da536fc
1 parent 09e09bf
commit da536fc
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/SearchButton.js b/src/components/SearchButton.js
@@ -8,6 +8,14 @@ import { getDomElement } from '../utils';
 export const SearchButton = ({ onClick }) => {
   const { config } = useAppContext();
 
+  const inputContainer = getDomElement(config.inputContainer);
+
+  if (inputContainer instanceof HTMLInputElement) {
+    throw new Error(
+      'The `inputContainer` option must refer to a container (e.g., <div>), not an <input>.'
+    );
+  }
+
   return ReactDOM.createPortal(
     <button
       type="button"
@@ -28,7 +36,7 @@ export const SearchButton = ({ onClick }) => {
         </kbd>
       )}
     </button>,
-    getDomElement(config.inputContainer)
+    inputContainer
   );
 };