why does `rails new Xyz --css=bootstrap --js=esbuild` not produce working (JS) bootstrap? about cssbundling-rails

[dhh]

Can't replicate when using Bootstrap 5.0 example code from here: https://getbootstrap.com/docs/5.0/components/navbar/

Works out of the box with rails new app --css bootstrap -j rebuild.

Looks like the problem is that your HTML contains data attributes not recognized by Bootstrap 5.0. You have:

 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

You need:

 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

[jasonfb]

Confirmed--- I was using the example navbar code from Bootstrap 4. My mistake. Thank you @dhh

[jasonfb]

I can see based on tutorials on the internet and also based on the wrong answers on this SO post https://stackoverflow.com/questions/71216446/bootstrap-5-1-not-working-in-jsbundling-rails-7

that perhaps this was working once about a year ago?
I have been testing against Rails 7.0.4

[jasonfb]

I also tested against Rails 7.0.0 and got the same result. I do not see why others seem to get a different result here,I tried this on two separate machines using Ruby 3.1.3 and Node 16.17.1

[jasonfb]

is the problem here that the JS part of Boostrap just doesn't work with ESBUILD?

If I add back importmaps and then PIN the Bootstrap dependencies, it works.