Merge pull request #3 from bfiessinger/fix/null-value-on-mount

fix cascading livewire select inputs nulled after repainting
bfiessinger · Aug 28, 2021 · 72dfb9e · 72dfb9e
2 parents 4fb8bf4 + 53bc77c
commit 72dfb9e
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)
             @if(!$multiple)
                 @include($defaultView, [

diff --git a/src/LivewireSelect.php b/src/LivewireSelect.php
@@ -33,6 +33,7 @@ class LivewireSelect extends Component
     public $placeholder;
 
     public $value;
+    public $initValueEncoded;
     public $optionsValues;
 
     public $searchable;
@@ -81,6 +82,7 @@ public function mount($name,
         $this->placeholder = $placeholder;
 
         $this->value = $value;
+        $this->initValueEncoded = json_encode($value);
 
         $this->searchable = $searchable;
         $this->searchTerm = '';
@@ -128,7 +130,7 @@ public function options($searchTerm = null) : Collection
 
     public function selectedOption($value)
     {
-        return null;
+        return $value;
     }
 
     public function notifyValueChanged()
@@ -359,6 +361,7 @@ public function render()
 
         return view($this->selectView)
             ->with([
+                'initValueEncoded' => $this->initValueEncoded,
                 'options' => $options,
                 'selectedOption' => $selectedOption ?? null,
                 'shouldShow' => $shouldShow,