Resolve #780 (#785)

* Attempt #1 * Remove console.log * Update puppeteer screenshot
Choices-js · Dec 3, 2019 · 44b4326 · 44b4326
1 parent b3b7b3f
commit 44b4326
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 1 deletion.
diff --git a/.github/actions-scripts/__snapshots__/puppeteer-darwin.png b/.github/actions-scripts/__snapshots__/puppeteer-darwin.png
diff --git a/public/assets/styles/choices.css b/public/assets/styles/choices.css
@@ -3,6 +3,7 @@
 ===============================*/
 .choices {
   position: relative;
+  overflow: hidden;
   margin-bottom: 24px;
   font-size: 16px;
 }
@@ -15,6 +16,10 @@
   margin-bottom: 0;
 }
 
+.choices.is-open {
+  overflow: initial;
+}
+
 .choices.is-disabled .choices__inner,
 .choices.is-disabled .choices__input {
   background-color: #eaeaea;

diff --git a/public/assets/styles/choices.min.css b/public/assets/styles/choices.min.css
diff --git a/src/styles/choices.scss b/src/styles/choices.scss
@@ -24,6 +24,7 @@ $choices-icon-cross-inverse: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiI
 
 .#{$choices-selector} {
   position: relative;
+  overflow: hidden;
   margin-bottom: $choices-guttering;
   font-size: $choices-font-size-lg;
   &:focus {
@@ -32,6 +33,9 @@ $choices-icon-cross-inverse: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiI
   &:last-child {
     margin-bottom: 0;
   }
+  &.is-open {
+    overflow: initial;
+  }
   &.is-disabled {
     .#{$choices-selector}__inner,
     .#{$choices-selector}__input {