From 533417f2d22c7db797cb120330bbe3a84cee7480 Mon Sep 17 00:00:00 2001
From: palash2601 <palash2601@gmail.com>
Date: Thu, 8 Oct 2020 11:04:08 +0200
Subject: [PATCH] fix(combobox): form-control class to correct node (#1012)

* fix(combobox): form-control class to correct node
---
 .changeset/eleven-bears-repair.md     | 5 +++++
 packages/combobox/src/LionCombobox.js | 9 +++++++++
 2 files changed, 14 insertions(+)
 create mode 100644 .changeset/eleven-bears-repair.md

diff --git a/.changeset/eleven-bears-repair.md b/.changeset/eleven-bears-repair.md
new file mode 100644
index 000000000..0fedd6fa6
--- /dev/null
+++ b/.changeset/eleven-bears-repair.md
@@ -0,0 +1,5 @@
+---
+"@lion/combobox": patch
+---
+
+fix(combobox): form-control class to correct node
diff --git a/packages/combobox/src/LionCombobox.js b/packages/combobox/src/LionCombobox.js
index a8ce56086..8d19cd035 100644
--- a/packages/combobox/src/LionCombobox.js
+++ b/packages/combobox/src/LionCombobox.js
@@ -68,6 +68,15 @@ export class LionCombobox extends OverlayMixin(LionListbox) {
     ];
   }
 
+  /**
+   * @enhance FormControlMixin - add form-control to [slot=input] instead of _inputNode
+   */
+  _enhanceLightDomClasses() {
+    if (this.querySelector('[slot=input]')) {
+      this.querySelector('[slot=input]').classList.add('form-control');
+    }
+  }
+
   /**
    * @enhance FormControlMixin - add slot[name=selection-display]
    */