From 0a9f2df6d16391c4eac75cf40dda58713da0d7e0 Mon Sep 17 00:00:00 2001
From: Mats Mikkel Rummelhoff <mail@mmikkel.no>
Date: Mon, 25 Mar 2024 00:17:20 +0100
Subject: [PATCH] Prevent Craft from selecting the element when clicking Child
 Me! disclosure menu buttons. Bump to 2.0.0-beta.2

---
 CHANGELOG.md                      | 4 ++++
 composer.json                     | 2 +-
 src/templates/childme-button.twig | 5 ++++-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 546d5dd..2425f00 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](http://keepachangelog.com/) and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## 2.0.0-beta.2 - 2024-03-25
+### Fixed 
+- Fixes an issue where clicking Child Me! disclosure menu buttons would select the element row
+
 ## 2.0.0-beta.1 - 2024-03-24
 ### Added
 - Added Craft 5 compatibility
diff --git a/composer.json b/composer.json
index 073a12e..3b5f9a1 100644
--- a/composer.json
+++ b/composer.json
@@ -2,7 +2,7 @@
     "name": "mmikkel/child-me",
     "description": "Easily create child elements",
     "type": "craft-plugin",
-    "version": "2.0.0-beta.1",
+    "version": "2.0.0-beta.2",
     "keywords": [
         "craft",
         "cms",
diff --git a/src/templates/childme-button.twig b/src/templates/childme-button.twig
index 2939e85..0bccd74 100644
--- a/src/templates/childme-button.twig
+++ b/src/templates/childme-button.twig
@@ -14,7 +14,7 @@
     {% else %}
         {# Create a disclosure menu, but neglect to add the [data-disclosure-trigger] attribute to, essentially, lazy-load the menu; otherwise Craft would create a 100 of these on pageload #}
         <button type="button"
-                class="childme-button{{ hidden ? ' hidden' }}"
+                class="childme-button btn{{ hidden ? ' hidden' }}"
                 data-icon="plus"
                 aria-controls="childme-menu-{{ element.id }}"
                 aria-expanded="false"
@@ -37,6 +37,9 @@
     {% css %}
         .childme-button {
             color: var(--link-color);
+            background-color: transparent;
+            height: auto;
+            padding: 0;
         }
         .modal .elements .tableview th[data-attribute="_childme_addChild"],
         .modal .elements .tableview td[data-attr="_childme_addChild"] {