1
0
Fork 0
mirror of https://github.com/maybe-finance/maybe.git synced 2025-07-21 22:29:38 +02:00

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
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
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;