Copy buttons not working

[yiskaneto]

Hello Kowl team,

I noticed that when trying to copy the key value from a message the copy buttons don't work, you click on the buttons but nothing happens, I used the latest stable versions of Firefox and Chrome:

• Esca

[weeco]

Hi @escanoru ,
I just checked the copy buttons using the version at master. Copy buttons seem to work for me. What version do you use?

Should I take care of something specific to reproduce this?

[yiskaneto]

Hi @weeco ,

I just realized I don't know where to check the version, I guess this is the version:

Anyway, let me deploy the latest version and I'll let you know.

• Esca

[yiskaneto]

Hi @weeco,

Kafka Version: 2.4.0

Kowl connects to my cluster and works pretty well, I tried to copy the key value from one of the messages using the latest docker image and the result is the same, I may be missing something, I'm attaching a gif that shows what I'm doing

• Esca

[weeco]

Thanks for the details. Can you share what Browser you are using? I tried with Google Chrome, maybe it's just not compatible with all Browsers.

[yiskaneto]

OS: Windows 10
Browsers tested:
- Chrome version: 86.0.4240.111
- Firefox version 82.0.1 (64-bit)

[nilsroehrig]

I was not able to reproduce the issue yet, but I will try it again using Windows next.

[yiskaneto]

Hi @nilsroehrig,

Maybe I'm missing something, is there any condition that needs to be met before trying to copy the key or values?

-- Esca

[weeco]

@escanoru No you did everything right. Most of our test topics are actually JSON formatted, maybe that's the culprit. Could you take a look at the dev console and see if there are some error logs in the console?

I think testing non JSON encoded messages is the next thing we should test with the Copy buttons :-).

[nilsroehrig]

I think I know what the issue is. Do you run Kowl in an SSL-enabled environment? If not, the root cause lies within browser restrictions. That's because modern browsers do not allow access to the computers clipboard in unsecure environments. Can you confirm that you see an error message like Uncaught TypeError: can't access property "writeText", navigator.clipboard is undefined in your browsers dev console when using one of the copy buttons?

[yiskaneto]

Hi!

Console output:

console.log

[nilsroehrig]

@escanoru Thanks, that confirms my assumption above. For now, we don't have a solution to copy stuff from insecure connections, due to mentioned browser restrictions. But we will release a patch soon, avoiding silent fails like you experienced.

[yiskaneto]

That makes sense, thank you Kowl team!