Show the UI bug<0></0>

[ccwwwwww5]

Type: Bug

about tab
<0></0> is wrong UI
show this :

developer <0></0> Microsoft

Extension version: 5.12.0
VS Code version: Code 1.96.0 (138f619c86f1199955d53b4166bef66ef252935c, 2024-12-11T02:29:09.626Z)
OS version: Windows_NT x64 10.0.22631
Modes:

A/B Experiments

vsliv368:30146709
vspor879:30202332
vspor708:30202333
vspor363:30204092
vscod805:30301674
binariesv615:30325510
vsaa593cf:30376535
py29gd2263:31024239
c4g48928:30535728
azure-dev_surveyone:30548225
vscrpc:30673769
a9j8j154:30646983
962ge761:30959799
pythonnoceb:30805159
pythonmypyd1:30879173
h48ei257:31000450
pythontbext0:30879054
cppperfnew:31000557
dsvsc020:30976470
pythonait:31006305
dsvsc021:30996838
dvdeprecation:31068756
dwnewjupytercf:31046870
2f103344:31071589
nativerepl1:31139838
pythonrstrctxt:31112756
nativeloc2:31192216
cf971741:31144450
iacca1:31171482
notype1:31157159
5fd0e150:31155592
dwcopilot:31170013
stablechunks:31184530
6074i472:31201624

[teams-toolkit-assistant]

👋 Hi @ccwwwwww5,

Thank you for reporting this issue! We want to let you know that:

⏱️ Our team will personally review your issue
🎯 You can expect a response within 2 business days

✨ This is an AI-generated initial response
🤖 AI-Generated Preliminary Analysis:

It looks like you are encountering an issue with the UI in your Teams app, specifically where <0></0> is being displayed incorrectly. Based on the information provided, here are some steps you can take to resolve this issue:

1. Check Your Code for Placeholder Issues:

   • It seems like <0></0> might be a placeholder that's not being replaced correctly. Ensure that any placeholders or template literals in your code are correctly formatted and populated with the expected values.

2. Debugging in Different Browsers:

   • Sometimes, issues can be browser-specific. Try running your app in a different browser during debugging. For instance, if you're currently using Debug (Edge), switch to Debug (Chrome) to see if the issue persists. This can help you identify if the problem is related to the browser environment.

3. Clear Cache:

   • Clear your browser cache to ensure that you're not seeing outdated content. Cached versions of your app might be causing the incorrect display of UI elements.

4. Review the Manifest File:

   • Ensure that your manifest file is correctly configured. Any errors or omissions here can affect how the UI is rendered.

5. Check for Updates:

   • Make sure all your tools, including the Teams Toolkit extension and Visual Studio Code, are up to date. Bug fixes and improvements are regularly released that might resolve your issue.

6. Provide Detailed Information:

   • If the issue persists, consider providing more detailed information when reporting the bug. Include specific error messages, steps to reproduce the problem, expected behavior, and relevant code snippets. This will help maintainers and the community to better understand and address the issue.

For further assistance, you can refer to the links from the search results:

• GitHub Issue #4141: This issue discusses debugging problems and suggests trying different browsers.
• Stack Overflow Question: This question addresses issues with code changes not reflecting in the Teams tab, which might be related to your problem.

If you follow these steps and still encounter issues, consider reopening the issue with detailed information, including:

• Specific error messages or symptoms.
• Steps to reproduce the problem with precise details.
• Expected behavior.
• Relevant screenshots or code snippets.

By providing more comprehensive information, the maintainers will be better equipped to understand and address the problem.

---

Note: This is an automated first response generated by AI. A human team member will review your issue and provide a more detailed response soon. We appreciate your patience!

[ccwwwwww5]

[Meghana-MSFT]

Hi @ccwwwwww5 - Could you please share more details on the issue you are facing? Are you using the <0></0> tags in the manifest? Could you please share repro steps/doc reference that you are following?

[ccwwwwww5]

Hi @ccwwwwww5 - Could you please share more details on the issue you are facing? Are you using the <0></0> tags in the manifest? Could you please share repro steps/doc reference that you are following?

I just ran Microsoft sample program and this problem will occur no matter which Node js
About Section Show Developer
This symbol will appear when running the latest code version 1.19 or the previous version 1.14
This should not be a normal display
There are screenshots in the sample above, but this is not displayed.

samples/bot-conversation/nodejs/appManifest/manifest.json

{
"$schema": "https://developer.microsoft.com/en-us/json-schemas/teams/v1.14/MicrosoftTeams.schema.json",
"manifestVersion": "1.14",
"version": "1.0.0",
"id": "${{TEAMS_APP_ID}}",
"packageName": "com.teams.sample.teamsconversationbot",
"developer": {
"name": "teamsConversationBot",
"websiteUrl": "https://www.microsoft.com",
"privacyUrl": "https://www.teams.com/privacy",
"termsOfUseUrl": "https://www.teams.com/termsofuser"
},

[ccwwwwww5]

this is the screenshot of sample program.

If you run it directly, the problems raised above will occur.
We have checked according to the method you provided and the code is the latest version.
Directly run the sample program provided by Microsoft and restart the computer.

[Meghana-MSFT]

@ccwwwwww5 - Thank you for additional details, are you facing this issue while running the app using Teams Toolkit for Visual Studio Code only or is it happening even when you run the app Manually?

[ccwwwwww5]

Both ! I have tested both and this problem will occur.

[Meghana-MSFT]

@ccwwwwww5 - We checked this at our end, we are not able to repro this issue. We do not see any extra symbol/tags. We directly ran the sample. We checked in both Web and Desktop Teams apps.

Could you please let us know if we are missing anything while repro'ing the issue.

[Wajeed-msft]

This issue has been copied over to Microsoft Teams repo here: MicrosoftDocs/msteams-docs#12034

[Meghana-MSFT]

@ccwwwwww5 - Could you please let us know if we are missing anything while repro'ing the issue.

[ccwwwwww5]

I don't think there is any difference

I have tested the pre-release version of the teams toolkit today.
and re-downloaded the sample code
https://github.com/OfficeDev/Microsoft-Teams-Samples/tree/main/samples/bot-file-upload/nodejs
This problem will still occur

And today I discovered that the teams app originally provided by Microsoft for companies also has the same problem.

But I changed the language ( English United State) ,the problem will be solved.

You may want to test other system languages ,
My teams environment is set to Chinese (Taiwan)

[Meghana-MSFT]

@ccwwwwww5 - Thank you for the additional inputs, we will check and get back to you.

Update: We raised a bug for this issue, we will keep you posted on the updates. Thank you.