render_in + Bootstrap Modal -> cannot selected an option

[sandrods]

I'm trying to use a combobox inside a bootstrap modal.
It works correctly the using default rendering.
When specifying {render_in: partial: ...}, the list is correctly loaded with the rendered options (with the partial), but on selecting an item, the combobox remains empty (don't display the selection and the value remains nil).
Putting the same combobox outside the modal and everything works.

Am I missing something here?

[josefarias]

Hey @sandrods

Can you share the part of your template where you're creating the combobox? I want to see how it's set up. Especially whether it's async.

Also, if you could provide a minimal reproduction that'd be super useful. Could be a new rails app with bootstrap set up. Nothing fancy. Just want some broken example to tinker with and fix.

EDIT: also, what version of the gem are you using?

Thanks!

[sandrods]

Hello @josefarias. I'll try to create a simple isolated app later, but for now I can tell you this

-> I'm using the latest version (0.1.40)

-> The combobox is remote, yes

   # view code
   <%= f.combobox :destinatario, combobox_usuarios_path, class: "form-control" %>

   # controller code
    render turbo_stream: helpers.async_combobox_options(
      @usuarios,
      next_page: @pagy.next,
      render_in: {partial: "combobox/usuario", formats: [:html]}
    )

[sandrods]

Also, there's another side effect of using render_in that I hadn't noticed before: the pagination has stopped working. It no longer fetches the next page upon reaching the bottom of the list. Removing the render_in makes it work again.
I know it's piling up a bunch of problems. I'll create a sample app as soon as possible

[josefarias]

@sandrods yeah these seem like bugs. Went ahead and filed two issues to keep track of them as such. Closing this for now so we can track them separately:

#91
#90

[aroth]

Hi again @josefarias. This issue is also biting us using tailwindcss-stimulus-components Modal. https://github.com/excid3/tailwindcss-stimulus-components

Just a heads up for when/if you're able to take a closer look.

[josefarias]

Hey @aroth. This seemed to be specific to bootstrap. Can you share a reproduction app so I can take a closer look?

[josefarias]

@aroth just going through my notifications here — making sure you got this before I clear this one.

I'd love to take a look if you have a repro. Thanks!

[aroth]

@josefarias Good to clear. I will end up getting back to this with a repro in the next couple months I suspect, when I double back on this bit of work. I found a workaround and other higher priority tasks came up. Again, thanks for your great work on this.

[shayani]

HI @josefarias. Thanks for this awesome gem. I'm passing by just to say that also I'm having the same issue with Boostrap modals. Even a simple combobox (combobox_tag("user", User.all)) doesn't allow me to select an option.

You said that will keep this issue as a 'wont fix' until have enough users, so I'm adding myself to this list of users ;)

Thanks!