Rating click bug and workaround.

[alex-knyaz]

Hi.

When user clicks on star at the most bottom part,
animation plays and prevents click event from firing
(Because element running away up from mouse)
and no checked state is set.

To workaround against this, one might use pointerdown event to
change control state. Here Svelte example:

<script>
  export let value = 0;
  export let max = 5;
</script>

<div class="rating">
  {#each Array(max) as _star, i}
    <input
      type="radio"
      class="mask mask-star"
      value={i + 1}
      bind:group={value}
      on:pointerdown={() => (value = i + 1)}
    />
  {/each}
</div>