Attention: le code sample du widget DropdownDialog fourni dans la documentation officielle de Magento 2 (v2.3) génère des bugs à l’utilisation.
Résolution du problème: le <div class="block block-minicart"> doit être inséré immédiatement sous le <button>:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<div data-block="dropdown" class="minicart-wrapper"> <button type="button" class="action customer-action-button" data-trigger="trigger"> <i class="icon-user1"></i> </button> <div class="block block-minicart" data-mage-init='{ "dropdownDialog": { "appendTo": "[data-block=dropdown]", "triggerTarget":"[data-trigger=trigger]", "timeout": 2000, "closeOnMouseLeave": false, "closeOnEscape": true, "autoOpen": true, "triggerClass": "active", "parentClass": "active", "buttons": [], "triggerEvent": "hover" } }'> <div id="minicart-content-wrapper"> <div class="customer-links" data-move="customer-mobile"> <?php echo $this->getChildHtml("header.links"); ?> </div> </div> </div> </div> |
Par ailleurs, le paramètre closeOnEscape semble déprécié ou n’est pas détaillé dans la documentation.