Cannot introduce query parameters in URL for WebSocket

[rafa-munoz]

Describe the bug
In Realtime > WebSocket section, if I want to connect a URL like ws://example.com/endpoint?query=%7Bkey%3D%22value%22%7D, the "Connect" button is disabled.

The query parameter is encoded from the original: {key="value"}. I realize that the time I start typing the % character, then the "Connect" button disables. I tried as well without success to introduce the URL ws://example.com/endpoint?query={key="value"}

To Reproduce
Steps to reproduce the behavior:

1. Go to Realtime > WebSocket
2. Type in URL ws://example.com/endpoint?query=%7Bkey%3D%22value%22%7D
3. See the "Connect" button disabled

Expected behavior
It should be possible to add query parameters to the URL.

Desktop (please complete the following information):

• OS: iOS
• Browser Safari
• Version 13.0.5