Fix - VueUiAccordion - Disable pointer events on content when closed

graphieros · graphieros · commit 3c065da43106 · 2025-10-04T13:39:42.000+02:00
diff --git a/src/components/vue-ui-accordion.vue b/src/components/vue-ui-accordion.vue
@@ -120,12 +120,14 @@ div.vue-ui-accordion-content {
     max-height: 0;
     overflow: hidden;
     transition: max-height 400ms ease-out, opacity 400ms ease-out;
+    pointer-events: none;
 }
 
 details[open]+div.vue-ui-accordion-content {
     max-height: v-bind(maxHeight);
     transition: max-height 1s ease-out, opacity 1s ease-out;
     opacity: 1;
+    pointer-events: auto;
 }
 
 details[open] span::before {

Original file line number	Diff line number	Diff line change
`@@ -120,12 +120,14 @@ div.vue-ui-accordion-content {`
`120`	`120`	`max-height: 0;`
`121`	`121`	`overflow: hidden;`
`122`	`122`	`transition: max-height 400ms ease-out, opacity 400ms ease-out;`
	`123`	`+ pointer-events: none;`
`123`	`124`	`}`
`124`	`125`
`125`	`126`	`details[open]+div.vue-ui-accordion-content {`
`126`	`127`	`max-height: v-bind(maxHeight);`
`127`	`128`	`transition: max-height 1s ease-out, opacity 1s ease-out;`
`128`	`129`	`opacity: 1;`
	`130`	`+ pointer-events: auto;`
`129`	`131`	`}`
`130`	`132`
`131`	`133`	`details[open] span::before {`