Merge pull request #851 from amatsuda/bs5_tooltip

Globally initialize tooltips by Bootstrap 5

Author: amatsuda

app/javascript/application.js

@@ -4,11 +4,14 @@ import * as Popper from "@popperjs/core"
 import * as bootstrap from "bootstrap"
 import "chartkick/chart.js"
 
-// Initialize Bootstrap dropdowns
+// Initialize Bootstrap components
 document.addEventListener('DOMContentLoaded', () => {
   document.querySelectorAll('[data-bs-toggle="dropdown"]').forEach(el => {
     new bootstrap.Dropdown(el)
   })
+  document.querySelectorAll('[data-bs-toggle="tooltip"]').forEach(el => {
+    new bootstrap.Tooltip(el)
+  })
 })
 
 import "@hotwired/turbo-rails"

app/javascript/controllers/index.js

@@ -57,7 +57,6 @@ import TimeSlotFormResetController from "./time_slot_form_reset_controller"
 import TimeSlotsController from "./time_slots_controller"
 import ToggleVisibilityController from "./toggle_visibility_controller"
 import TomSelectController from "./tom_select_controller"
-import TooltipController from "./tooltip_controller"
 import TrackFilterController from "./track_filter_controller"
 
 application.register("alert-autodismiss", AlertAutodismissController)
@@ -108,5 +107,4 @@ application.register("time-slot-form-reset", TimeSlotFormResetController)
 application.register("time-slots", TimeSlotsController)
 application.register("toggle-visibility", ToggleVisibilityController)
 application.register("tom-select", TomSelectController)
-application.register("tooltip", TooltipController)
 application.register("track-filter", TrackFilterController)

app/javascript/controllers/tooltip_controller.js

@@ -3,8 +3,6 @@ module Components
     module Tooltips
       def tooltip(wrapper_options = nil)
         unless tooltip_text.nil?
-          input_html_options[:rel] ||= 'tooltip'
-          input_html_options['data-controller'] ||= 'tooltip'
           input_html_options['data-bs-toggle'] ||= 'tooltip'
           input_html_options['data-bs-placement'] ||= tooltip_position
           input_html_options['data-bs-trigger'] ||= 'hover focus'