fix cascading livewire select inputs nulled after repainting (closes a…

…santibanez#18)
bfiessinger · Aug 28, 2021 · 53bc77c · 53bc77c
1 parent 9bdc4f1
commit 53bc77c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/resources/views/select.blade.php b/resources/views/select.blade.php
@@ -1,6 +1,6 @@
 <div>
 
-    <div>
+    <div x-init="$wire.set('value', {{ $initValueEncoded }})">
         @if(!$searchable && $shouldShow)
             @include($defaultView, [
                 'name' => $name,

diff --git a/src/LivewireSelect.php b/src/LivewireSelect.php
@@ -32,6 +32,7 @@ class LivewireSelect extends Component
     public $placeholder;
 
     public $value;
+    public $initValueEncoded;
     public $optionsValues;
 
     public $searchable;
@@ -75,6 +76,7 @@ public function mount($name,
         $this->placeholder = $placeholder;
 
         $this->value = $value;
+        $this->initValueEncoded = json_encode($value);
 
         $this->searchable = $searchable;
         $this->searchTerm = '';
@@ -119,7 +121,7 @@ public function options($searchTerm = null) : Collection
 
     public function selectedOption($value)
     {
-        return null;
+        return $value;
     }
 
     public function notifyValueChanged()
@@ -248,6 +250,7 @@ public function render()
 
         return view($this->selectView)
             ->with([
+                'initValueEncoded' => $this->initValueEncoded,
                 'options' => $options,
                 'selectedOption' => $selectedOption ?? null,
                 'shouldShow' => $shouldShow,