From 1e7c0f2a75b38542a66bacdc32e76366086ce700 Mon Sep 17 00:00:00 2001
From: Igor O <igo@microsoft.com>
Date: Fri, 22 Jan 2021 14:35:35 -0800
Subject: [PATCH] Fixed tabs for representation contentType

---
 .../operation-details/ko/runtime/operation-details.html   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/operations/operation-details/ko/runtime/operation-details.html b/src/components/operations/operation-details/ko/runtime/operation-details.html
index e9d17c897..0177ff8e9 100644
--- a/src/components/operations/operation-details/ko/runtime/operation-details.html
+++ b/src/components/operations/operation-details/ko/runtime/operation-details.html
@@ -102,10 +102,10 @@ <h4>Request body</h4>
             <!-- ko if: request.meaningfulRepresentations().length > 0 -->
             <div class="tabs" data-bind="foreach: { data: request.meaningfulRepresentations(), as: 'representation' }">
                 <input class="tab-radio" type="radio" name="requestContentType"
-                    data-bind="attr : { id: 'request' + representation.contentType, checked: $index() === 0 }">
+                    data-bind="attr : { id: 'request' + representation.contentType + '_' + $index(), checked: $index() === 0 }">
 
                 <label class="tab-label"
-                    data-bind="attr : { for: 'request' + representation.contentType }, text: representation.contentType"></label>
+                    data-bind="attr : { for: 'request' + representation.contentType + '_' + $index() }, text: representation.contentType"></label>
 
                 <div class="tab-content">
                     <!-- ko if: representation.typeName -->
@@ -164,10 +164,10 @@ <h4>Response headers</h4>
             <!-- ko if: response.meaningfulRepresentations().length > 0 -->
             <div class="tabs" data-bind="foreach: { data: meaningfulRepresentations(), as: 'representation' }">
                 <input class="tab-radio" type="radio"
-                    data-bind="attr: { id: response.identifier + representation.contentType, name: response.identifier, checked: $index() === 0 }">
+                    data-bind="attr: { id: response.identifier + '_' + $index(), name: response.identifier, checked: $index() === 0 }">
 
                 <label class="tab-label"
-                    data-bind="attr: { for: response.identifier + representation.contentType }, text: representation.contentType"></label>
+                    data-bind="attr: { for: response.identifier + '_' + $index() }, text: representation.contentType"></label>
 
                 <div class="tab-content">
                     <!-- ko if: representation.typeName -->