diff --git a/app/assets/javascripts/select-kit/components/select-kit.js b/app/assets/javascripts/select-kit/components/select-kit.js index 175559c333b..27e849ae1d6 100644 --- a/app/assets/javascripts/select-kit/components/select-kit.js +++ b/app/assets/javascripts/select-kit/components/select-kit.js @@ -813,20 +813,8 @@ export default Component.extend( `[data-select-kit-id=${this.selectKit.uniqueID}-body]` ); - if ( - this.site && - !this.site.mobileView && - popper.offsetWidth < anchor.offsetWidth - ) { - popper.style.minWidth = `${anchor.offsetWidth}px`; - } - const inModal = $(this.element).parents("#discourse-modal").length; - if (this.site && !this.site.mobileView && inModal) { - popper.style.width = `${anchor.offsetWidth}px`; - } - let placementStrategy = this.selectKit.options.placementStrategy; if (!placementStrategy) { placementStrategy = inModal ? "fixed" : "absolute"; diff --git a/app/assets/stylesheets/common/select-kit/select-kit.scss b/app/assets/stylesheets/common/select-kit/select-kit.scss index 68f268687a7..d128feb04ce 100644 --- a/app/assets/stylesheets/common/select-kit/select-kit.scss +++ b/app/assets/stylesheets/common/select-kit/select-kit.scss @@ -133,6 +133,7 @@ background: $secondary; box-sizing: border-box; min-width: inherit; + width: auto; } .select-kit-row { diff --git a/app/assets/stylesheets/mobile/select-kit/select-kit.scss b/app/assets/stylesheets/mobile/select-kit/select-kit.scss index aadd43a6c23..1589036a073 100644 --- a/app/assets/stylesheets/mobile/select-kit/select-kit.scss +++ b/app/assets/stylesheets/mobile/select-kit/select-kit.scss @@ -3,10 +3,6 @@ z-index: z("dropdown"); } - .select-kit-body { - width: 100vw; - } - .select-kit-filter { .filter-input { font-size: 16px;