tag-manager icon indicating copy to clipboard operation
tag-manager copied to clipboard

[Bug] MTM debugger marks incorrect tab with active HTML class

Open skyhhjmk opened this issue 1 year ago • 7 comments

Reproduction process

First, make sure you're in debug mode

Clip_2024-02-22_21-34-48

Use Ctrl F5 to force a refresh on your website to ensure that the resources required for debug mode load correctly

Later you will find that from the CSS, I selected the bottom tab, but it actually shows the content of the first tab, and I really chose the first one

Clip_2024-02-22_21-37-17

skyhhjmk avatar Feb 22 '24 13:02 skyhhjmk

Hi @skyhhjmk . Thank you for the description of the issue. I just tried to reproduce the issue you described, but was unable to. I tested with Matomo 5.0.2. What version of Matomo are you using? Any other context that you can provide?

snake14 avatar Feb 22 '24 20:02 snake14

matomo_system_check.txt

this file is from here:

Clip_2024-02-23_14-49-28

skyhhjmk avatar Feb 23 '24 06:02 skyhhjmk

Hmm. Looks like Matomo 5.0.2 as well. I tried enabling many of the plugins listed as enabled, but I was still unable to reproduce the issue. Any ideas @AltamashShaikh ?

snake14 avatar Feb 25 '24 21:02 snake14

@snake14 @skyhhjmk Unable to reproduce it, @skyhhjmk Is there any URL where we can see this behaviour ?

AltamashShaikh avatar Feb 26 '24 02:02 AltamashShaikh

I weighed the pros and cons and finally decided to leave debug mode open for about 1 week to help you guys look into this weird issue

biliwind.com on debug mode

And... I'm still not sure if debug mode will affect the security of my site, so I'll still turn off debug mode if I find a serious security issue during this period

skyhhjmk avatar Mar 04 '24 11:03 skyhhjmk

Well, I thought of another possibility, maybe because of the browser language? but I'm sorry I didn't have enough time to test this idea, my browser is in Chinese Simplified, which is zh-cn (in some places it's zh-hans)

skyhhjmk avatar Mar 04 '24 13:03 skyhhjmk

Hi @skyhhjmk . Thank you for the additional information. Inspecting your site, it looks like the tags are sorted correctly. It even displays the correct tag when you click on the tab. The issue is that the wrong tab is highlighted, and I was able to partially reproduce that in my local environment. It appears that we hadn't noticed that the active class was added to the wrong tab because our default styling doesn't highlight the active tab like it does on your site. I'm marking this issue as a bug to be prioritised by our Product team.

snake14 avatar Mar 04 '24 21:03 snake14