Fragment Call Issue With Multiple Clicks - android-fragments

Question

I have created this design to display in Stories Fragments. The design XML coding.
stories_fragment_sample_layout.XML code.
When I click on the stories fragment it works fine with just one click as I click for second or multiple times it calls fragment on the fragment. This means that its overwrite
<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_margin="10dp"
app:cardBackgroundColor="#color/about_end_color"
app:cardCornerRadius="10dp"
app:cardElevation="10dp"
android:layout_height="100dp">
<ImageView
android:id="#+id/ImageFeather"
android:src="#drawable/stories"
android:contentDescription="#string/feather_image"
android:layout_width="100dp"
android:layout_height="100dp"/>
<TextView
android:id="#+id/storiesHandler"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginStart="10dp"
android:layout_marginTop="30dp"
android:fontFamily="#font/tangerine_bold"
android:text="#string/stories"
android:textColor="#color/black"
android:textSize="30sp"
android:textStyle="bold" />
</androidx.cardview.widget.CardView>
fragment_stories
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".Fragments.FragmentStories">
<!-- TODO: Update blank fragment layout -->
<androidx.recyclerview.widget.RecyclerView
android:id="#+id/recyclerviewStories"
android:layout_width="match_parent"
tools:listitem="#layout/stories_fragment_sample_layout"
android:layout_height="match_parent"/>
</LinearLayout>
this is stories_fragment XML coding that begins from the LinearLayout
Here, I have StoriesFragment.java
package com. quotescollector.Fragments;
import android.os.Bundle;
import androidx.fragment.app.Fragment;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import android. view.LayoutInflater;
import android. view.View;
import android. view.ViewGroup;
import com.quotescollector.Adapters.StroiesAdapter;
import com.quotescollector.Models.StoriesModel;
import com. quote collector. R;
import java.util.ArrayList;
public class FragmentStories extends Fragment {
StroiesAdapter adapter;
RecyclerView recyclerView;
ArrayList<StoriesModel> storiesList;
#Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle
savedInstanceState) {
// Inflate the layout for this fragment
View view = inflater.inflate(R.layout.fragment_stories, container, false);
storiesList = new ArrayList<>();
recyclerView = view.findViewById(R.id.recyclerviewStories);
recyclerView.setLayoutManager(new LinearLayoutManager(getContext()));
adapter = new StroiesAdapter(storiesList, getContext());
displayStories();
return view;
}
private void displayStories() {
storiesList.add(new StoriesModel(R.drawable.stories, "Stories"));
storiesList.add(new StoriesModel(R.drawable.stories, "Stories"));
storiesList.add(new StoriesModel(R.drawable.stories, "Stories"));
storiesList.add(new StoriesModel(R.drawable.stories, "Stories"));
storiesList.add(new StoriesModel(R.drawable.stories, "Stories"));
storiesList.add(new StoriesModel(R.drawable.stories, "Stories"));
storiesList.add(new StoriesModel(R.drawable.stories, "Stories"));
storiesList.add(new StoriesModel(R.drawable.stories, "Stories"));
storiesList.add(new StoriesModel(R.drawable.stories, "Stories"));
storiesList.add(new StoriesModel(R.drawable.stories, "Stories"));
storiesList.add(new StoriesModel(R.drawable.stories, "Stories"));
storiesList.add(new StoriesModel(R.drawable.stories, "Stories"));
storiesList.add(new StoriesModel(R.drawable.stories, "Stories"));
storiesList.add(new StoriesModel(R.drawable.stories, "Stories"));
storiesList.add(new StoriesModel(R.drawable.stories, "Stories"));
recyclerView.setAdapter(adapter);
}
}
I think I don't have any errors in java. So you can check here.
enter image description here
This is the one-time click of the image
enter image description here
This is the second or multiple-time click of the image