Fix second-level-horizontal navbar click mode support

Ivica Puljicrequested to merge
issue/bs_base-3571244:3571244-fix-second-level into 2.0.x

Closes #3571244

The "Second level horizontal" navbar type only worked when items were in the active trail. Clicking dropdowns on other pages showed vertical Bootstrap dropdowns instead of horizontal layout.

CSS fix:

  • Add .show selector alongside .active for horizontal styling
  • Properly set navbar CSS color vars for some edge case fixes

JavaScript fix:

  • Add complete click mode handling for second-level-horizontal
  • Manually manage .show/.active classes (Bootstrap 5 doesn't add .show to parent .dropdown element)
  • Track initially active dropdown and restore on click outside
  • Use capture phase to intercept clicks before Bootstrap
  • Respect "Opened submenu behavior" setting (visit/close)
  • Desktop only - mobile uses standard vertical behavior

Merge request reports