diff -u b/core/misc/collapse.es6.js b/core/misc/collapse.es6.js
--- b/core/misc/collapse.es6.js
+++ b/core/misc/collapse.es6.js
@@ -148,16 +148,16 @@
    * @param {jQuery.Event} e
    *   The event triggered.
    * @param {jQuery} $target
-   *   The target fragment.
+   *   The targeted node as a jQuery object.
    */
   const handleFragmentInteraction = function openDetailsOnFragmentInteracion(e, $target) {
     $target.parents('details').not('[open]').find('> summary').trigger('click');
   };
 
   /**
-   * Binds a listener to handle page fragment identifier interactions.
+   * Binds a listener to handle fragment link clicks and URL hash changes.
    */
-  $('body').on('formFragmentInteraction.details', handleFragmentInteraction);
+  $('body').on('formFragmentClickOrChange.details', handleFragmentInteraction);
 
   // Expose constructor in the public space.
   Drupal.CollapsibleDetails = CollapsibleDetails;
diff -u b/core/misc/collapse.js b/core/misc/collapse.js
--- b/core/misc/collapse.js
+++ b/core/misc/collapse.js
@@ -81,7 +81,7 @@
     $target.parents('details').not('[open]').find('> summary').trigger('click');
   };
 
-  $('body').on('formFragmentInteraction.details', handleFragmentInteraction);
+  $('body').on('formFragmentClickOrChange.details', handleFragmentInteraction);
 
   Drupal.CollapsibleDetails = CollapsibleDetails;
 })(jQuery, Modernizr, Drupal);
\ No newline at end of file
diff -u b/core/misc/form.es6.js b/core/misc/form.es6.js
--- b/core/misc/form.es6.js
+++ b/core/misc/form.es6.js
@@ -13,13 +13,13 @@
  */
 
 /**
- * Triggers when a hash change or click on a page fragment link is detected.
+ * Triggers when a click on a page fragment link or hash change is detected.
  *
  * The event triggers when the fragment in the URL changes (a hash change) and
  * when a link containing a fragment identifier is clicked. In case the hash
  * changes due to a click this event will only be triggered once.
  *
- * @event formFragmentInteraction
+ * @event formFragmentClickOrChange
  */
 
 (function ($, Drupal, debounce) {
@@ -262,12 +262,12 @@
    * @param {jQuery.Event} e
    *   The event triggered.
    *
-   * @fires event:formFragmentInteraction
+   * @fires event:formFragmentClickOrChange
    */
   const handleFragmentInteraction = function triggerFragmentInteraction(e) {
     const $target = e.type === 'click' ? (e.currentTarget.location ? $(e.currentTarget.location.hash) : $(e.currentTarget.hash)) : $(`#${location.hash.substr(1)}`);
 
-    $('body').trigger('formFragmentInteraction', [$target]);
+    $('body').trigger('formFragmentClickOrChange', [$target]);
 
     /**
      * Interaction with the page fragment should set focus, but event timing
diff -u b/core/misc/form.js b/core/misc/form.js
--- b/core/misc/form.js
+++ b/core/misc/form.js
@@ -128,7 +128,7 @@
   var handleFragmentInteraction = function triggerFragmentInteraction(e) {
     var $target = e.type === 'click' ? e.currentTarget.location ? $(e.currentTarget.location.hash) : $(e.currentTarget.hash) : $('#' + location.hash.substr(1));
 
-    $('body').trigger('formFragmentInteraction', [$target]);
+    $('body').trigger('formFragmentClickOrChange', [$target]);
 
     setTimeout(function () {
       $target.focus();
diff -u b/core/misc/vertical-tabs.es6.js b/core/misc/vertical-tabs.es6.js
--- b/core/misc/vertical-tabs.es6.js
+++ b/core/misc/vertical-tabs.es6.js
@@ -22,7 +22,7 @@
    * @param {jQuery.Event} e
    *   The event triggered.
    * @param {jQuery} $target
-   *   The target fragment.
+   *   The targeted node as a jQuery object.
    */
   const handleFragmentInteraction = function showVerticalTabsPanesOnFragmentInteracion(e, $target) {
     $target.parents('.vertical-tabs__pane').each((index, pane) => {
@@ -54,9 +54,9 @@
       }
 
       /**
-       * Binds a listener to handle page fragment identifier interactions.
+       * Binds a listener to handle fragment link clicks and URL hash changes.
        */
-      $('body').once('vertical-tabs-fragments').on('formFragmentInteraction.verticalTabs', handleFragmentInteraction);
+      $('body').once('vertical-tabs-fragments').on('formFragmentClickOrChange.verticalTabs', handleFragmentInteraction);
 
       $(context).find('[data-vertical-tabs-panes]').once('vertical-tabs').each(function () {
         const $this = $(this).addClass('vertical-tabs__panes');
diff -u b/core/misc/vertical-tabs.js b/core/misc/vertical-tabs.js
--- b/core/misc/vertical-tabs.js
+++ b/core/misc/vertical-tabs.js
@@ -21,7 +21,7 @@
         return;
       }
 
-      $('body').once('vertical-tabs-fragments').on('formFragmentInteraction.verticalTabs', handleFragmentInteraction);
+      $('body').once('vertical-tabs-fragments').on('formFragmentClickOrChange.verticalTabs', handleFragmentInteraction);
 
       $(context).find('[data-vertical-tabs-panes]').once('vertical-tabs').each(function () {
         var $this = $(this).addClass('vertical-tabs__panes');