android navigation component add fragment instead of replace

AndroidNavigationComponentDialogFragment

Android Navigation Component Dialog Fragment

MainFragment.kt

fun openTestDialogFragment(){
  findNavController().navigate(
    R.id.action_mainFragment_to_testDialogFragment
  )
}

nav_graph.xml

<fragment
    android:id="@+id/mainFragment"
    android:name="com.utkukutlu.MainFragment"
    android:label="MainFragment">
    <action
        android:id="@+id/action_mainFragment_to_testDialogFragment"
        app:destination="@id/testDialogFragment" />
</fragment>
<dialog
  android:id="@+id/testDialogFragment"
  android:name="com.utkukutlu.TestDialogFragment"
  android:label="TestDialogFragment" >

</dialog>

style.xml

 <style name="FullScreenDialogStyle" parent="AppTheme">
  <item name="android:windowFullscreen">false</item>
  <item name="android:windowBackground">@android:color/transparent</item>
  <item name="android:windowIsFloating">false</item>
</style>

TestDialogFragment.kt

class TestDialogFragment : DialogFragment() {

 override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setStyle(
            DialogFragment.STYLE_NORMAL,
            R.style.FullScreenDialogStyle
        );
    }

}