From cf1310dc7acc7def2489365a67ab1ae8d4a58425 Mon Sep 17 00:00:00 2001 From: Karine Vieira Date: Thu, 21 May 2026 20:24:49 +0000 Subject: [PATCH] fix(combobox): respect minimum popover width when trigger is narrow --- gem/lib/ruby_ui/combobox/combobox_controller.js | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/gem/lib/ruby_ui/combobox/combobox_controller.js b/gem/lib/ruby_ui/combobox/combobox_controller.js index d19327723..4bc36095f 100644 --- a/gem/lib/ruby_ui/combobox/combobox_controller.js +++ b/gem/lib/ruby_ui/combobox/combobox_controller.js @@ -4,7 +4,8 @@ import { computePosition, autoUpdate, offset, flip } from "@floating-ui/dom"; // Connects to data-controller="ruby-ui--combobox" export default class extends Controller { static values = { - term: String + term: String, + minPopoverWidth: { type: Number, default: 240 } } static targets = [ @@ -186,6 +187,7 @@ export default class extends Controller { } updatePopoverWidth() { - this.popoverTarget.style.width = `${this.triggerTarget.offsetWidth}px` + const width = Math.max(this.triggerTarget.offsetWidth, this.minPopoverWidthValue) + this.popoverTarget.style.width = `${width}px` } }