Ion Segment CSS Problem

Hi everybody,

My home page in have an ion segment. However, something strange appears on a page transition, as in the video. What do you think could be the reason?

as far I can tell, your entries in the segment are present more than once, likely because they exist in an array twice and you are using an ngFor to create the segment?

ion-segment is not known for magically adding segments without developer intervention.

We also can’t tell from just a video what the issue could be. We need you to replicate it and provide a demo app

I not use ngfor. I removed the duplicate items, still the same problem.

I am sorry this is my mistake.

home.page.html:
https://hastebin.com/ipegixajoy.xml

home.page.scss:
https://hastebin.com/minanesucu.scss

Other than that, there is nothing. New an ionic 5 project.

This problem only scrollable segment exists. I solved the problem with this css code.

  ion-segment::-webkit-scrollbar {
    width: 0px !important;
  }