fix: solved livewire rendering issue on search and multi select

Author: gbalduzzi

resources/views/checkbox.blade.php

@@ -1,4 +1,3 @@
-
 <div class="form-check">
   @if($sendFalseValue)
     {{-- Trick per fare in modo che, anche quando il checkbox NON è selezionato, venga comunque inviato il parametro

resources/views/icon-group.blade.php

@@ -1,4 +1,5 @@
-@if($iconClass || $iconText)
+<div {{ $attributes->except(['icon-class', 'icon-text']) }}>
+  @if($iconClass || $iconText)
   <div class="input-group">
     <span class="input-group-text">
       @if($iconClass)
@@ -9,8 +10,8 @@
 
     {{ $slot }}
   </div>
-
 @else
   {{ $slot }}
 @endif
+</div>
 

resources/views/input.blade.php

@@ -1,4 +1,3 @@
-
 @if(!empty($label))
   <x-bs::label name="{{ $name }}">
     {{ $label }}

resources/views/multi-select.blade.php

@@ -35,11 +35,10 @@ class="ss-ghost-select">
 
   </select>
 
-  <x-bs::icon-group icon-class="{{ $icon }}">
+  <x-bs::icon-group icon-class="{{ $icon }}" wire:ignore>
 
     {{-- The element shown in the UI as if it's the actual select element --}}
     <div role="button"
-         @if($livewire) wire:ignore @endif
          aria-label="{{ $placeholder }}"
          tabindex="0"
          class="form-select ss-box"

resources/views/radio.blade.php

@@ -1,4 +1,3 @@
-
 <div class="form-check">
 
   <input type="radio"

resources/views/search-select.blade.php

@@ -31,9 +31,9 @@ class="ss-ghost-select">
 
   </select>
 
-  <x-bs::icon-group icon-class="{{ $icon }}">
+  <x-bs::icon-group icon-class="{{ $icon }}" wire:ignore>
     {{-- The element shown in the UI as if it's the actual select element --}}
-    <div role="button" @if($livewire) wire:ignore @endif aria-label="{{ $placeholder }}" tabindex="0"
+    <div role="button" aria-label="{{ $placeholder }}" tabindex="0"
       class="form-select ss-box">
 
       <div class="text-muted ss-placeholder">

resources/views/textarea.blade.php

@@ -1,4 +1,3 @@
-
 @if(!empty($label))
   <x-bs::label name="{{ $name }}">
     {{ $label }}

tests/.pest/snapshots/Feature/Components/InputTest/_Renders_correctly__→_it_renders_default.snap

@@ -1,2 +1,4 @@
-<input type="text" id="email" name="email" value="test@example.com" class="form-control" />
+<div >
+    <input type="text" id="email" name="email" value="test@example.com" class="form-control" />
+</div>
 

tests/.pest/snapshots/Feature/Components/InputTest/_Renders_correctly__→_it_renders_with_full_options_selected.snap

@@ -2,13 +2,14 @@
       Email
   </label>
 
-<div class="input-group">
+<div >
+    <div class="input-group">
     <span class="input-group-text">
               <i class="bi bi-envelope"></i>
 
     </span>
 
     <input type="email" id="email" name="email" value="test@example.org" class="form-control" required="required" />
   </div>
-
+</div>
 

tests/.pest/snapshots/Feature/Components/MultiSelectTest/_Renders_correctly__→_it_renders_default.snap

@@ -16,8 +16,9 @@
 
   </select>
 
-  <div role="button"
-                  aria-label=""
+  <div wire:ignore="">
+    <div role="button"
+         aria-label=""
          tabindex="0"
          class="form-select ss-box"
     >
@@ -27,6 +28,7 @@
         </div>
       <div class="ss-value-label" style="display:none;"></div>
     </div>
+</div>