From 91d1ecea2ef9af92312cab0164b16fdd84ed85a1 Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Bellet <jb.bellet@gmail.com>
Date: Mon, 4 Apr 2022 10:14:27 +0200
Subject: [PATCH] Click the whole Selector instead of arrow only

---
 .../selector_component/selector_component.html.haml           | 4 ++--
 app/components/selector_component/selector_component.scss     | 2 +-
 .../selector_with_filter_component.html.haml                  | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/selector_component/selector_component.html.haml b/app/components/selector_component/selector_component.html.haml
index 34a09a3b5f..c1c9728415 100644
--- a/app/components/selector_component/selector_component.html.haml
+++ b/app/components/selector_component/selector_component.html.haml
@@ -1,9 +1,9 @@
 = component_controller do
   .selector{ class: ("selector-close" if @state == :close) }
-    .selector-main 
+    .selector-main{data: reflex_data_attributes(:toggle)}
       .selector-main-title 
         = @title
-      .selector-arrow{data: reflex_data_attributes(:toggle)}
+      .selector-arrow
     .selector-wrapper
       .selector-items
         - @items.each do |item|
diff --git a/app/components/selector_component/selector_component.scss b/app/components/selector_component/selector_component.scss
index fbfc76b9f6..e5ea18583e 100644
--- a/app/components/selector_component/selector_component.scss
+++ b/app/components/selector_component/selector_component.scss
@@ -5,6 +5,7 @@
     border: 1px solid $disabled-light;
     height: 3em;
     position: relative;
+    cursor: pointer;
 
     .selector-main-title {
       line-height: 3em;
@@ -18,7 +19,6 @@
       height: 3em;
       width: 1.5em;
       top: -1px;
-      cursor: pointer;
 
       &:after {
         content: "";
diff --git a/app/components/selector_with_filter_component/selector_with_filter_component.html.haml b/app/components/selector_with_filter_component/selector_with_filter_component.html.haml
index 4c82086cff..4b0a7632d9 100644
--- a/app/components/selector_with_filter_component/selector_with_filter_component.html.haml
+++ b/app/components/selector_with_filter_component/selector_with_filter_component.html.haml
@@ -1,6 +1,6 @@
 = component_controller do
   .super-selector.selector{ class: ("selector-close" if @state == :close) }
-    .selector-main
+    .selector-main{data: reflex_data_attributes(:toggle)}
       .super-selector-label
         = @title
       .super-selector-selected-items
@@ -12,7 +12,7 @@
         - else
           .super-selector-selected-item
             = t(@selected_items_i18n_key, count: @selected_items.length)
-      .selector-arrow{data: reflex_data_attributes(:toggle)}
+      .selector-arrow
     .selector-wrapper
       .super-selector-search
         %input{type: "text", placeholder: t("components.selector_with_filter.search_placeholder"), data: reflex_data_attributes("debounced:input->search"), value: @query}