Allow event propagation to fix turbo frame update (#575)

* Allow event propagation to fix turbo frame update

* Add setting to dropdown to manage close when open and clicking on it
This commit is contained in:
Thibaut Gorioux
2024-03-28 18:24:07 +01:00
committed by GitHub
parent f0c2d4ead0
commit 2181cdd118
2 changed files with 3 additions and 2 deletions

View File

@@ -3,6 +3,7 @@ import { Controller } from "@hotwired/stimulus"
// Connects to data-controller="dropdown"
export default class extends Controller {
static targets = ["menu"]
static values = { closeOnClick: { type: Boolean, default: true } }
toggleMenu = (e) => {
e.stopPropagation(); // Prevent event from closing the menu immediately
@@ -24,7 +25,7 @@ export default class extends Controller {
}
onDocumentClick = (e) => {
if (this.menuTarget.contains(e.target)) {
if (this.menuTarget.contains(e.target) && !this.closeOnClickValue ) {
// user has clicked inside of the dropdown
e.stopPropagation();
return;