Issue #3353612 by rpayanm, Gauravvvv, smustgrave, nod_: Remove or fix claro/drupal.responsive-detail
parent
4858c4eca2
commit
92cb79aa64
|
@ -116,14 +116,6 @@ drupal.nav-tabs:
|
||||||
- core/once
|
- core/once
|
||||||
- core/drupal.debounce
|
- core/drupal.debounce
|
||||||
|
|
||||||
drupal.responsive-detail:
|
|
||||||
version: VERSION
|
|
||||||
js:
|
|
||||||
js/responsive-details.js: {}
|
|
||||||
dependencies:
|
|
||||||
- core/jquery
|
|
||||||
- core/once
|
|
||||||
|
|
||||||
claro.jquery.ui:
|
claro.jquery.ui:
|
||||||
version: VERSION
|
version: VERSION
|
||||||
css:
|
css:
|
||||||
|
|
|
@ -1,51 +0,0 @@
|
||||||
/**
|
|
||||||
* @file
|
|
||||||
* Provides responsive behaviors to HTML details elements.
|
|
||||||
*/
|
|
||||||
|
|
||||||
(($, Drupal) => {
|
|
||||||
/**
|
|
||||||
* Initializes the responsive behaviors for details elements.
|
|
||||||
*
|
|
||||||
* @type {Drupal~behavior}
|
|
||||||
*
|
|
||||||
* @prop {Drupal~behaviorAttach} attach
|
|
||||||
* Attaches the responsive behavior to status report specific details elements.
|
|
||||||
*/
|
|
||||||
Drupal.behaviors.responsiveDetails = {
|
|
||||||
attach(context) {
|
|
||||||
const details = once('responsive-details', 'details', context);
|
|
||||||
|
|
||||||
if (!details.length) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const $details = $(details);
|
|
||||||
const $summaries = $details.find('> summary');
|
|
||||||
|
|
||||||
function detailsToggle(matches) {
|
|
||||||
if (matches) {
|
|
||||||
$details.attr('open', true);
|
|
||||||
$summaries.attr('aria-expanded', true);
|
|
||||||
$summaries.on('click.details-open', false);
|
|
||||||
} else {
|
|
||||||
// If user explicitly opened one, leave it alone.
|
|
||||||
const $notPressed = $details
|
|
||||||
.find('> summary[aria-pressed!=true]')
|
|
||||||
.attr('aria-expanded', false);
|
|
||||||
$notPressed.parent('details').attr('open', false);
|
|
||||||
// After resize, allow user to close previously opened details.
|
|
||||||
$summaries.off('.details-open');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function handleDetailsMQ(event) {
|
|
||||||
detailsToggle(event.matches);
|
|
||||||
}
|
|
||||||
|
|
||||||
const mql = window.matchMedia('(min-width:48em)');
|
|
||||||
mql.addListener(handleDetailsMQ);
|
|
||||||
detailsToggle(mql.matches);
|
|
||||||
},
|
|
||||||
};
|
|
||||||
})(jQuery, Drupal);
|
|
Loading…
Reference in New Issue