title: Remove an android Chip from a Chip Group smoothly
body: <p>In one of the fragments of the app i'm developing, i let the users create various <strong>chips</strong> and every chip represents an option. I was able to <strong>animate</strong> the chip creation.</p>
  
  <p>Now, when the user taps on a chip, i remove it from the group. I was able to associate a custom animation to the removal (see the gif) but when a "middle chip" is deleted, the chips to the right <strong>suddenly move</strong> to the left, when the animation is over.</p>
  
  <p><a href="https://i.stack.imgur.com/5XeQp.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/5XeQp.gif" alt="enter image description here"></a></p>
  
  <p><strong>Layout:</strong></p>
  
  <pre><code>       &lt;HorizontalScrollView
             android:layout_width="match_parent"
             android:layout_height="@dimen/horizontal_scroll_height"
             android:scrollbars="none"&gt;
  
             &lt;com.google.android.material.chip.ChipGroup
                 android:id="@+id/rouletteChipList"
                 style="@style/Widget.MaterialComponents.ChipGroup"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:paddingStart="@dimen/chip_horizontal_margin"
                 android:paddingEnd="@dimen/chip_horizontal_margin"
                 app:chipSpacing="@dimen/chip_spacing"
                 app:singleLine="true"&gt;
  
             &lt;/com.google.android.material.chip.ChipGroup&gt;
         &lt;/HorizontalScrollView&gt; 
  </code></pre>
  
  <p><strong>Chip deletion:</strong></p>
  
  <pre><code>private void removeChip(final Chip chip) {
          @SuppressWarnings("ConstantConditions") final ChipGroup optionsList = getView().findViewById(R.id.ChipList);
          // Remove the chip with an animation
          if (chip == null) return;
          final Animation animation = AnimationUtils.loadAnimation(getContext(), R.anim.chip_exit_anim);
          chip.startAnimation(animation);
          chip.postDelayed(new Runnable() {
              @Override
              public void run() {
                  optionsList.removeView(chip);
              }
          }, 400);
  }
  </code></pre>
  
  <p><strong>Chip layout:</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;com.google.android.material.chip.Chip xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="@string/placeholder"
      android:textAlignment="center"
      app:chipBackgroundColor="@color/grayTranslucent"
      app:rippleColor="?colorAccent" /&gt;
  </code></pre>
  
  <p>I'd like to have a <strong>smooth animation</strong>, where the chips smoothly move to the left when a "middle chip" is deleted. I tried a couple of things, but no luck.</p>