turbo_boost-elements 0.0.11 → 0.0.12

data/app/javascript/elements/toggle_elements/target_element/focus.js

@@ -45,8 +45,8 @@ function focusTrixEditorElement (element) {
 
 function shouldEnhanceFocus (element) {
   if (!element.tagName.match(/^input|textarea|trix-editor$/i)) return false
-  const toggleTargetElement = element.closest('turbo-boost-toggle-target')
-  return toggleTargetElement && toggleTargetElement.focusSelector
+  const toggleTargetElement = element.closest('turbo-boost-toggle-target') || {}
+  return !!toggleTargetElement.focusElement
 }
 
 function enhanceFocus (element) {

data/app/javascript/elements/toggle_elements/trigger_element/index.js

@@ -68,9 +68,13 @@ export default class ToggleTriggerElement extends ToggleElement {
     // TODO: implement cache - this.targetElement.renderCachedHTML()
   }
 
+  // runs before an invoke turbo stream is executed
   onBeforeInvoke (event) {
+    // return early if we're not the element responsible for this invoke
     if (event.detail.method !== 'morph') return
     if (event.target.id !== this.morphs) return
+    const selector = `turbo-boost-toggle-target[aria-labeledby="${this.id}"]`
+    if (!event.target.querySelector(selector)) return
 
     // ensure the busy element is shown long enough for a good user experience
     // we accomplish this by modifying the event.detail with invoke instructions i.e. { delay }

data/lib/turbo_boost/elements/version.rb

@@ -2,6 +2,6 @@
 
 module TurboBoost
   module Elements
-    VERSION = "0.0.11"
+    VERSION = "0.0.12"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: turbo_boost-elements
 version: !ruby/object:Gem::Version
-  version: 0.0.11
+  version: 0.0.12
 platform: ruby
 authors:
 - Nate Hopkins (hopsoft)