Tab created with Event.cs does not work on Mobile.

[munkerjs]

Describe the bug
if (tabStripName == "pd-tabs") { var entityId = ((EntityModelBase)eventMessage.Model).Id; var price = ((ProductDetailsModel)eventMessage.Model).Price.FinalPrice; await eventMessage.TabFactory.InsertAfterAsync("pd-reviews", builder => builder .Text("Taksit Seçenekleri") .Name("pd-tab-installment") .Icon("fas fa-credit-card", "fas") .LinkHtmlAttributes(new { data_tab_name = "Installment" }) .Action("ProductInstallmentTab", "CreditCardWeb", new { productId = entityId, priceAmount = price.Amount }) .Ajax()); }

Note: This code is taken from the document.
Document Link: https://smartstore.gitbook.io/developer-guide/compose/modules/examples/adding-tabs

With this code, we add a tab to the product detail section. It works fine on desktop but not on mobile.

To Reproduce
Steps to reproduce the behavior:

1. Enter any product detail page.
2. When you view it from the desktop, the tab will be visible.
3. It works when clicked. (Image This: https://prnt.sc/CSefyUuR2Ja7 )
4. When you switch to the mobile version, it does not work when clicking the tab. (https://prnt.sc/mgKCTmSFruSN)
5. See error

Expected behavior
The tab is expected to work in Desktop and Mobile versions.

Screenshots

1. Desktop => https://prnt.sc/CSefyUuR2Ja7
2. Mobile => https://prnt.sc/o4HlHkittFsx
3. Error => https://prnt.sc/mgKCTmSFruSN

Desktop (please complete the following information):

• OS: [e.g. Windows 10 x64]
• Browser [e.g. chrome, safari]

Additional context
The problem exists in versions 5.2 and 5.3.

[Michael-Herzog]

Be sure your returned content looks something like this:

<h5 aria-expanded="false" class="nav-toggler collapsed" data-target="#collapse-my-tab" data-toggle="collapse">
Tab title
</h5>

<div class="nav-collapse collapse show" id="collapse-my-tab">
Real content
</div>

Regards

[munkerjs]

As you said, we get returns. But the content is empty.

[Michael-Herzog]

Have you pulled the latest code containing my commit?

[Michael-Herzog]

Add the class show to nav-collapse.

[munkerjs]

Add the class show to nav-collapse.

I don't understand where to install it?

Code Here: https://prnt.sc/vd8_UETukzE1

[Michael-Herzog]

Look at the div in the code I've posted above.

[munkerjs]

When clicked once on mobile, the content appears, but the tab does not close again.

[Michael-Herzog]

Can you please upload this somewhere so I can have a direct look.

[munkerjs]

Can you give me your e-mail address? I would like to forward the module file privately to you.

[Michael-Herzog]

Send the link to info[at]smartstore.com

[Michael-Herzog]

I just checked your plugin. The code I've posted above is completely missing in the view ProductInstallmentTab.cshtml. Just wrap it around thecontent you're returning.

<h5 aria-expanded="false" class="nav-toggler collapsed" data-target="#collapse-my-tab" data-toggle="collapse">
Tab title
</h5>

<div class="nav-collapse collapse show" id="collapse-my-tab">
<div class="row mt-2" id="installment-table">
...
</div>
</div>

[munkerjs]

Thanks, I solved the problem!