Merge pull request #29 from steve-lebleu/hotfix/styling-issue

fix: don't reuse CSS class of the parent container
steve-lebleu · Apr 4, 2024 · 77d853b · 77d853b
2 parents eb34457 + 860ce16
commit 77d853b
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 5 deletions.
diff --git a/dist/main.js b/dist/main.js
diff --git a/dist/main.js.map b/dist/main.js.map
diff --git a/src/index.html b/src/index.html
@@ -45,6 +45,17 @@
       value="" />
   </div>
 
+  <div class="form--search">
+    <input
+      type="text"
+      name="auto-complete-2"
+      id="auto-complete-2"
+      class="input--search"
+      autocomplete="off"
+      placeholder="Enter a city name ..."
+      value="" />
+  </div>
+
   <footer>
     <p>
       © 2017 Konfer

diff --git a/src/js/dom.js b/src/js/dom.js
@@ -100,7 +100,7 @@ export class DOM {
     this.result = this.build('div', [ { id: this._identifiers.results }, { class: this._classes.results } ]);
 
     this.wrapper = this.build('div', [ { id: this._identifiers.wrapper }, { class: this._classes.results } ]);
-    this.wrapper.setAttribute('class', `${this._input.parentElement.getAttribute('class')} ${this._classes.main} ${options.theme}`);
+    this.wrapper.setAttribute('class', `${this._classes.main} ${options.theme}`);
 
     this.input.parentNode.insertBefore(this.wrapper, this.input);
 

diff --git a/src/sass/kompletr.demo.scss b/src/sass/kompletr.demo.scss
@@ -86,8 +86,6 @@ footer {
   margin: 0 auto;
   padding: 15px 10px;
   width: 100%;
-  min-width: 240px;
-  max-width: 600px;
   height: auto;
   font-size: 1rem;
   line-height: 1.5;