diff --git a/camel/Output/OutputEndpointData.php b/camel/Output/OutputEndpointData.php
index 06eb963b..93766bba 100644
--- a/camel/Output/OutputEndpointData.php
+++ b/camel/Output/OutputEndpointData.php
@@ -144,7 +144,7 @@ public static function fromExtractedEndpointArray(array $endpoint): OutputEndpoi
 
     public function endpointId(): string
     {
-        return $this->httpMethods[0] . str_replace(['/', '?', '{', '}', ':', '\\', '+', '|'], '-', $this->uri);
+        return $this->httpMethods[0] . str_replace(['/', '?', '{', '}', ':', '\\', '+', '|', '.'], '-', $this->uri);
     }
 
     public function name(): string
diff --git a/resources/js/tryitout.js b/resources/js/tryitout.js
index 55c31964..a3feb1bd 100644
--- a/resources/js/tryitout.js
+++ b/resources/js/tryitout.js
@@ -37,7 +37,6 @@ function getCookie(name) {
 }
 
 function tryItOut(endpointId) {
-    endpointId = endpointId.replaceAll('.', '\\.');
     document.querySelector(`#btn-tryout-${endpointId}`).hidden = true;
     document.querySelector(`#btn-canceltryout-${endpointId}`).hidden = false;
     const executeBtn = document.querySelector(`#btn-executetryout-${endpointId}`).hidden = false;