Rating component rendered the radio button in a normal browser

[Yifei]

Hey guys,

I am new to PrimeVUE, I have project where uses the Rating component. Based on the documentation it says that "Rating component internally uses radio buttons that are only visible to screen readers."

However, in my browsers (Edge and Google chrome) the radio buttons are still rendered, I wonder if anyone in the forum can help me out.

Screenshot here:
https://ibb.co/CsK8d0n

Browser version:
Microsoft Edge
Version 106.0.1370.47 (Official build) (x86_64)

Google Chrome
Version 106.0.5249.119 (Official Build) (x86_64)

Thanks

Code: Select all

<template>
  <span>Kudo points:</span>
  <div class="kudo-rating-container">
    <Rating v-model="kudoPoints" cancelIcon="pi pi-undo"/>
  </div>


</template>

<script setup>
import Rating from 'primevue/rating';
import {ref} from 'vue';

const kudoPoints = ref(1);

</script>

<style>

.kudo-rating-container {
  width: 80%;
}

</style>

[bahadirsofuoglu]

I followed this on discord. I think your problem is solved