Cannot click Twitch Preview menu&buttons

[immema]

When I open Twitch Preview in twitch websites, the menu opens under the channel block so I can't click any elements even after refresh, reopen chrome or reboot.

[MarkM-dev]

you might be using an outdated browser/browser version. what are you using and what version? does this happen when you click the icon in the browser top bar? (the one before the update that added the button to the twitch top nav bar).

[immema]

I use the latest version of Chrome browser(99.0.4844.84 / 64bit). Either in the Add-on bar(next to address bar) or twitch top nav. bar shows the same situation.

[MarkM-dev]

ok try this:

1. open the extension settings (as seen in your picture).
2. open the dev tools (F12).
3. go to the Console tab in the dev tools.
4. enter this in the console: document.querySelector('.tp-settings-container').zIndex = '99999999'; document.querySelector('#TPBodyEl').zIndex = '99999999'; document.querySelector('#TPBodyEl').display = 'block';
5. press Enter.

did it fix it? (it will only make the change for this specific settings menu open, if you close and reopen it will go back to the bugged scenario).

[immema]

sadly it doesn't works.... I entered that codes in the console and tried to interaction with the buttons(the cursor is invisible) but still not response :(

does this situation relate to the red reply 'block'?

[MarkM-dev]

is this still happening? can you disable all other extensions (all other extensions you have in the browser) and try again after refreshing the page?

[immema]

I found an instant solution. In chrome, press F12 to open a console window. After deleting the following code, I can interaction with all those elements in twitch previews. Still don't know how to use twitch previews in normal way :(

[MarkM-dev]

you didn't add the code.